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?
User interface library called JQuery UI has a UI control called accordion: http://jqueryui.com/demos/accordion/