1

私は最近このスクリプトに出くわしました：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("#showdiv").click(function(){
$(".dropdowndiv").slideDown(500);
});

$("#hide").click(function(){
$(".dropdowndiv").slideUp(500);
});

});

</script>

これを使用して、ページの上部にあるdivを表示および非表示にして、ページ全体を表示します。コードは簡単に機能します。リンクをクリックすると、ページが下にスライドしてdivが表示され、別のリンクをクリックすると、divが非表示になります。これはすべて、スライドインとスライドアウトの動作を行います。2つの異なるリンクをクリックする代わりに、最初のリンクを使用してスライドして開き、divをスライドして閉じる方法があるかどうか疑問に思いました。

ここで私のtumblrのライブプレビューを見ることができます：cielprince.tumblr.com

4

2 に答える 2

2

つまり、 slideToggleを使用して:

$("#showdiv").click(function () {
    $(".dropdowndiv").slideToggle("slow");
});
于 2012-12-18T04:09:57.330 に答える
1 
$("#showdiv").click(function () {
   $(".dropdowndiv").stop().slideToggle();
});

.stopこれは、クリックを繰り返したときにアニメーションがキューに入らないようにするために行われます。

于 2012-12-18T04:10:38.087 に答える