DOT NET: Jquery Accordion

This example needs jquery library,which is already included in Visual Studio 2010
Paste the following code inside the <head> tag

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<style type="text/css">
.active
{
background-color:Red;
color:White;
border:1px solid gray;
}
.accordion h3
{
border:1px solid red;
padding:0px;
margin:0px;
}
.accordion p
{
background-color:Aqua;
color:Black;
border:1px solid black;
padding:0px;
margin:0px;
height:100px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('.accordion h3:first').addClass("active"); $('.accordion p:not(:first)').hide();
$('.accordion h3').click(function () {
$(this).addClass("active").siblings("h3").removeClass(); $(this).next("p").slideDown("slow");
$(this).next("p").siblings("p:visible").slideUp("slow");
});
});
</script>

Monday, 14 May 2012