hossi: jquery slider

Beitrag lesen

SELF-Forum

jquery slider

hossi
– Informationen zu den Bewertungsregeln

Hi

habe hier einen simplen jquery slider, der bei klick von oben nach unten fährt.

<script type="text/javascript" src="jquery.js"></script>  
  
<script type="text/javascript">  
$(document).ready(function(){  
  
	$(".btn-slide").click(function(){  
		$("#panel").slideToggle("slow");  
		$(this).toggleClass("active"); return false;  
	});  
	  
	  
});  
</script>

<style type="text/css">  
body {  
	margin: 0 auto;  
	padding: 0;  
	width: 570px;  
	font: 75%/120% Arial, Helvetica, sans-serif;  
}  
a:focus {  
	outline: none;  
}  
#panel {  
	background: #754c24;  
	height: 200px;  
	display: none;  
}  
.slide {  
	margin: 0;  
	padding: 0;  
	border-top: solid 4px #422410;  
	background: url(images/btn-slide.gif) no-repeat center top;  
}  
.btn-slide {  
	background: url(images/white-arrow.gif) no-repeat right -50px;  
	text-align: center;  
	width: 144px;  
	height: 31px;  
	padding: 10px 10px 0 0;  
	margin: 0 auto;  
	display: block;  
	font: bold 120%/100% Arial, Helvetica, sans-serif;  
	color: #fff;  
	text-decoration: none;  
}  
.active {  
	background-position: right 12px;  
}  
</style>
~~~</head>  
  
~~~html
<body>  
  
<div id="panel">  
	<!-- you can put content here -->  
</div>  
  
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>  
  
</body>  
</html>

Kann mir wer sagen, was ich ändern muss, damit der slider von der linken position nach rechts raus fährt?

hier die Demo: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

Danke :)

Beitrag melden
–
Informationen zu den Bewertungsregeln