This is the first of three casts that will cover some excellent ways for you to add “slide out” content.
tabSlideOut is an excellent jQuery plugin that provides a variety of features that include using your own images and 4 available positioning options.
You can download the script package here… http://www.building58.com/examples/tabSlideOut.html
Join me as we explore what jQuery and tabSlideOut can do for your next project.
Please Login or Register with SupportCasts to view the rest of this content.
Happy weaving
Cant get this to work with the Aqua theme. The tab doesnt show up in the preview but I can click where the tab is supposed to be and get the default slide out… Is there something I’m missing?
Sounds like maybe you have not applied the css ?
Question? I followed the instructions exactly and everything is working great except the tab slides out “under” the content on the page instead of on top. What did I do wrong? Thanks
dont work in rapidweaver 5 i try to put the files in resources, and dont work…. where is my wrong?
Hi David,
You are correct. In RW 5 with the new Resources feature works differently than Assets in RW4.
If you placed the image in the Resource folder you can’t use the Resource Macro in the reference required in the Script. You would actually need to use the “absolute” URL for the image to show.
hi ed, thanks for your answer, yersterday i added this ‘%resource(contact_tab.gif)%’, in the pathToTabImage and now is working. but now i want to do this process in stack but i havent got a result with” HMTL Stack”, how i can add this div in stack?
i try with your DivStack too but it dont work.