A simple example for Expand and Collapse using jQuery events Show, Hide

Copy the below code and try your self…..


<style type=”text/css”>
        .controller {background:#0F0F1E; padding:10px 0; text-align:center}
        .controller a {color:#fff; font-weight:bold; display:block; cursor:pointer}
        .box {padding:10px; text-align:center; border:1px dashed #0F0F1E}

Java Script
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js”></script>

<script type=”text/javascript”>





<div class=”controller”>
<a class=”up”>CLICK TO EXPAND </a>
<a class=”down”>CLICK TO COLLAPSE</a>


Web design company hyderabad

Leave a Reply

Some Relevent Articles

Hi, I am vara designer with over good experience in website designing and development for varadesigns. I would like to share information for the community like coding and technology. I hope this information is usefull.