2012-01-05 48 views
2

我與此代碼的工作:JQuery的切換滑動效果或類似

<script type="text/javascript"> 
$(function(){ 
    $('#MyLink').click(function(){ 
    $('#DivA').toggle(); 
    $('#DivB').toggle(); 
    }); 
}); 
</script> 

我只是需要一些滑動添加到它的一些其他的效果,讓你可以告訴大家,它實際上交換從一個div來另一個。

+3

而......你的問題是什麼? – stefgosselin 2012-01-05 16:56:34

回答

3

您可以使用的slideToggle功能

$(function(){ 
    $('#MyLink').click(function(){ 
    $('#DivA').slideToggle(); 
    $('#DivB').slideToggle(); 
    }); 
}); 

您也可以嘗試使用經過的持續時間來切換,這會滑動效果添加到您切換

元素
$(function(){ 
    $('#MyLink').click(function(){ 
    $('#DivA').toggle('slow'); 
    $('#DivB').toggle('slow'); 
    }); 
}); 
3
<script type="text/javascript"> 
$(function(){ 
    $('#MyLink').click(function(){ 
    $('#DivA').slideToggle(); 
    $('#DivB').slideToggle(); 
    }); 
}); 
</script> 

jsFiddle

+0

slideToggle一點也不光滑 – Satch3000 2012-01-05 16:56:26

+1

slideToggle與黃油http://jsfiddle.net/wE5Rh/一樣流暢。如果您的網頁出現問題,請添加代碼 – Sinetheta 2012-01-05 17:06:34