jquery Slider problem [effects]

NewDawn · 16. August 2012

Hey , versuche gerade ein bischen an meinem slider rumzubasteln und würde sehr gern den effect ändern zu [FOLD] jedoch bin ich mit meinem latain am ende und dachte mir vieleicht kann mir hier jemand helfen

aktueller code (der auch soweit klappt)

Spoiler anzeigen

Code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/ts_3.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '250px', //height of tab image //Optionally can be set using css
imageWidth: '60px', //width of tab image //Optionally can be set using css
tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '50px', //position from the top/ use if tabLocation is left or right
leftPos: '10px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
<style type="text/css">
.slide-out-div {
padding: 0px;
width: 250px;
height: 80%;
background: url(images/ts_3_bg.png) no-repeat #313131;
border: 0px;
position: absolute;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#content").hide();
$("a.open-close").click(function () {
$("#content").slideToggle("slow");
});
});
</script>

Alles anzeigen

nun zu der fold sache ich hätte gerne von dieser seite den fold effect :
http://jqueryui.com/demos/toggle/default.html

anstatt dieses einfache rein und raus sliden .wie bekomm ich das hin ? bzw Wo muss dieser effect hin geschrieben werden

add: soweit ich das jetzt seh ist dieser code für das aussehen des slidens

Code

<script type="text/javascript">
$(document).ready(function(){
$("#content").hide();
$("a.open-close").click(function () {
$("#content").slideToggle("slow");
});

Teilen