Monday, July 18, 2011

Jquery simple slide panel for designers

I think you have probably seen lots of slide panel in websites. where you click on the link it will slide up/down. Many sites it use as menu and some other links.

when you click on the element "slide" it will slideToggle Up/down the element
and then also toggle the css "actv" to the id="slide". The "actv" CSS toggle the background position of the down arrow in css.The code of jquery is give below.

$(document).ready(function(){

$("#slide").click(function(){

$("#display").slideToggle("slow");
$(this).toggleClass("actv");


});

0 comments: