0

.toggleは2つの異なることを実行できることを知っています。2つの機能を提供すると、トグルボタンをクリックしてオンとオフを切り替えることができますが、私のコードではアニメーションがすぐに実行され、アンカータグが消えます。

html

<nav class="mainNav">
                    <ul>
                        <li class="home"><a href="#">home</a></li>
                        <li class="work"><a href="#">work</a></li>
                        <li class="blog"><a href="#">blog</a></li>
                        <li class="contact"><a href="#">contact</a></li>

                    </ul>
                    <a href="#" id="toggle">HI</a>
                </nav>

js

$(function() {
    $(".rslides").responsiveSlides({auto:true});

    $("#toggle").toggle(function(){
        $(".mainNav ul").slideDown();
    }, function(){
        $(".mainNav ul").slideUp();
    });


});
4

1 に答える 1

1

トグルメソッドはトグルです。トグル#toggleに渡す関数は、トグルアニメーションが完了したらコールバックする関数ですhttp://api.jquery.com/toggle/

これにはSlideToggleを使用することをお勧めします。

$('#toggle').click(function() {
  $('.mainNav ul').slideToggle('slow', function() {
    // Animation complete.
  });
});
于 2013-02-02T21:15:41.297 に答える