Search code examples
jquerycsspositioningcss-position

positioning a accordion menu with JQuery


I want to implement an accordion menu in my web page. I know jQuery has many useful methods like toggle() and slideDown(), but as I understand all of these methods use the display:hidden CSS rule and cause the element to get hidden. Because of this, search engine spiders can't see them and some data of page will not be read by them.

I see that some designers use the position property to put these elements outside the view frame of page and to show the just change this property, but I don't know how to apply some effect like sliding to them.

Would you give me some approaches?


Solution

  • User interface library called JQuery UI has a UI control called accordion: http://jqueryui.com/demos/accordion/