Forum | Appery.io

i m trying to perform jquery animations on appery tools likes lists and select menu . But it doesnt work, any suggestions that would help me with this

Hi,

Could you please show us what you're trying to do? Please show us your sample code.

jQuery UI Accordion - Default functionality

Section 1

   
 Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
 ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
 amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
 odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 

Section 2

   
 Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
 purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
 velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
 suscipit faucibus urna. 

Section 3

   
 Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. 
 Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero 
 ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis 
 lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. 

ul
liList item one/li
liList item two/li
liList item three/li
/ul

Section 4

   
 Cras dictum. Pellentesque habitant morbi tristique senectus et netus 
 et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in 
 faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia 
 mauris vel est. 

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.

this is a code which works fine with the panel component and using the edit html property but i would like to implement it using the apper.io list component is this possible!?

http://jqueryui.com/accordion/
i m trying to implement the above link's code in my appery.io project

Hi Ankush,

Why don't you use CollapsibleSet component? It's used for mobile platforms, while jQueryUI components are for desktop browsers.

thank u,and could u pls help me with a javascript code that would increase the button icon size when a mouseover() is called!?

Hi Ankush,

First and foremost, it is important to notice that you are developing an application for mobile platforms. Use of a mouse isn't typical for them.

If you need this effect, you would need to find an element that displays the icon. It is pretty easy - in browser test mode, right-click the icon and choose Inspect element or the like (depending on your browser). After finding this item, please note how many CSS-styles involved in displaying it in this place and it is this size. Then, look at the icon itself, or rather at the icons where this image is taken from ... This is not an easy task.

ok that problem is been resolved thank u for ur guidance.....
now i wanted to animate a image on appery so i gave my image a class name of "img_class" and i want the image to increase its size on click which is the following code:
$(".img_class").animate({
"width": 200,
"height": 200,
}, 2500 );

but now i also want it to go back to its original size when clicked again i.e i want to apply a toggle effect to it wt changes should be performed on the code for doing so!?

Try this code on Click event on image
codevar $this = $(this);
if (!$this.hasClass("dummyClassEnlarged")) {
$this.animate({
"width": 200,
"height": 200,
}, 2500 );
} else {
$this.animate({
"width": 50,
"height": 50,
}, 2500 );
}
$this.toggleClass("dummyClassEnlarged");/code

works perfectly thank u!