This is a very simple tutorial on how to show and hide a division tag or Expand and collapse toggle div using simple jquery.
<script src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#butShowHideSlow”).click(function () {
$(“#divShowHideSlow”).toggle(“slow”);
});
});
</script>
<button id=”butShowHideSlow”>Click Me</button>
<div style=”width:300px;height:47px; border: solid 1px black;background-color:white;text-align:center;” id=”divShowHideSlow”>Div that hide and show slowly</div>
Check out the DEMO here
Very Simple Right 
Incoming search terms:
- expand and collapse div using jquery (154)
- jquery expand collapse div (126)
- expand collapse div jquery (48)
- Expand collapse div using jquery (38)
- expand and collapse using jquery (36)
- jquery expand div (33)
- toggle div using jquery (29)
- collapse and expand div jquery (28)
- jquery expand and collapse div (25)
- collapse expand div jquery (20)
- jquery collapse expand div (18)
- jquery div expand collapse (17)
- expand collapse using jquery (16)
- expand div jquery (15)
- JQuery div expand (14)
- expand and collapse in jquery div (13)
- jquery collapse div (13)
- jquery expand collapse (12)
- expand and collapse div in jquery (12)
- jquery horizontal expand collapse (12)
- jquery toggle expand collapse (11)
- collapse and expand using jquery (11)
- expand collapse jquery (10)
- how to expand collapse toggle div layer using jquery (10)
- jquery expand collapse horizontal (10)
- How to expand collapse (toggle) div layer using jQuery (10)
- div expand collapse jquery (10)
- Jquery expand collapse div image (9)
- expand collapse jquery div (9)
- jquery expand collapse tutorial (9)
- expand div using jquery (9)
- jquery expand div horizontal (8)
- jquery horizontal expand (8)
- div collapse jquery (8)
- jquery div collapse expand (8)
- jQuery div collapse (7)
- toggle div jquery (7)
- jquery full expand collapse div (7)
- expand collapse jquery tutorial (6)
- jquery collapsible div horizontal (6)
You will also be interested in ,
- Jquery Basics, How to use jquery?
- Animated information box using simple jquery
- Simple jquery image slider
- Simple page flip effect using Jquery, css and simple html
- Create an animated button using jquery
- Zoom in and zoom out image using jquery
- Ajax and Jquery
- Replacing images with time intervals using jquery
- Slideshow using jquery
- ScriptAlias and Alias in httpd.conf at a glance