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

HTML Code:

<!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>

Thread: accordion default expanded tab help

Thread Tools

Search Thread

accordion default expanded tab help

Bookmarks

Bookmarks

Posting Permissions