<script src="http://code.jquery.com/jquery-1.8.2.min.js" > </script>
<script type="text/javascript">
jQuery('#clickme').click(function() { //this line is for to work onclick functionality
jQuery('#content').toggle(); // thsi line is for toggle option
jQuery('#minus').toggleClass('minus'); //this line is for plus and minus image
});
</script>
<div id="clickme"> <a href="javascript:void(0);"> Click Me </a> </div>
<div id="content">
<p>
This content will be collapse and expanded
</p>
<p>
For plus and minus symbols u need to apply css
</p>
</div>
Note : For any clarification just post a comment
<script type="text/javascript">
jQuery('#clickme').click(function() { //this line is for to work onclick functionality
jQuery('#content').toggle(); // thsi line is for toggle option
jQuery('#minus').toggleClass('minus'); //this line is for plus and minus image
});
</script>
<div id="clickme"> <a href="javascript:void(0);"> Click Me </a> </div>
<div id="content">
<p>
This content will be collapse and expanded
</p>
<p>
For plus and minus symbols u need to apply css
</p>
</div>
Note : For any clarification just post a comment
1 comment:
Welcome
Post a Comment