PDA

View Full Version : accordion default expanded tab help



shas1280
06-08-2010, 01:54 PM
how to expand the accordion horizontal menu fist tab on on load as default

this is what i have...
thanks




<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.kwicks-1.5.1.js"></script>

<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
max : 370,
duration: 800,
easing: 'easeOutQuint'

});
});
</script>

<style type="text/css">
<!--
body, h3, div, ul, p {
margin: 0px;
padding: 0px;
width: 100%;
}


div.kwicks_container {
width: 17cm;
height: 125px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
background-repeat: no-repeat;
padding: 0px;
}
/*-------------------------KWICKS--------------------*/
.kwicks {
list-style: none;
position: relative;
width:33cm;
height:125px;
z-index:2;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
.kwicks li {

display: block;
float: left;
overflow: hidden;
width: 33cm;
height: 100%;
z-index:2;
cursor:pointer;
background-repeat: no-repeat;
background-position: 3cm;
}
.kwicks li a {

outline:none;
display:block;
z-index:100;
width:9cm;
cursor:pointer;
}

#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
margin: 0pt;
overflow: hidden;
position: absolute;
display: block;
width: 100%;
top: 0px;
}

#kwick_3 {
left: -2px;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #9F8763;
}
#kwick_4 {
left: 54px;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #C3A76D;
}
#kwick_5 {
left: 106px;
height: 100%;
width: 1.5cm;
background-color: #DEB371;
padding-top: 8px;
}
#kwick_6 {
right: 1033px;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #F6D182;
}
#kwick_7 {
right: 979px;
float: right;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #AAAC71;

}
#kwick_8 {
right: 924px;
float: right;
height: 100%;
width: 1.5cm;
padding-top: 8px;
padding-top: 8px;
background-color: #D49374;
position: absolute;
top: 0px;
}
#kwick_9 {
right: 872px;
float: right;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #E3D775;
position: absolute;
top: 0px;
}
#kwick_10 {
right: 815px;
float: right;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #C89682;
position: absolute;
top: 0px;
}
#kwick_11 {
right: 764px;
float: right;
height: 100%;
width: 1.5cm;
padding-top: 8px;
background-color: #B6AF69;
position: absolute;
top: 0px;

}

-->
</style>
</head>
<body>
<div class="kwicks_container">
<ul class="kwicks">
<li id="kwick_3"></li>
<li id="kwick_4"></li>
<li id="kwick_5"></li>
<li id="kwick_6"></li>
<li id="kwick_7"></li>
<li id="kwick_8"></li>
<li id="kwick_9"></li>
<li id="kwick_10"></li>
<li id="kwick_11"></li>
</ul>
</div>
</body>
</html>