1

jQueryの一部が正しく機能していないようです。[表示/非表示]をクリックするためのリンクがあります。これはdivをslideToggleする必要があります。同時に、ページがdivの一番上までスクロールするようにアニメーション化します。このjfiddleのようにanimate、関数を関数内に配置すると機能します。slideToggle

ただし、これは、必要なdivがスライドアウトしてからページが下にスクロールすることを意味します。idは、両方が同時に発生するように設定するのが好きです。これは、このjfiddleで実行しようとしましたが、単に機能しません。また、最初にスクロールアニメーションを実行してから、slideToggleを実行しましたが、機能しませんでした。これを実装する方法もありますか?乾杯!

4

2 に答える 2

5
$(document).ready(function () {
    $('.click_to_hide').click(function () {
        var visible = $('.hide_on_click').is(":visible");
        $('.hide_on_click').slideToggle(500);
        if (!visible) {
            $('html, body').animate({
                scrollTop: $('.hide_on_click').offset().top
            }, 500);
        }
    });
});

http://fiddle.jshell.net/YFR2e/3/

于 2013-03-01T14:33:23.883 に答える
1
$(document).ready(function () {
    $('.click_to_hide').click(function () {
        $('.hide_on_click').slideToggle(500);
        if($('.hide_on_click').is(':visible')){
          $('html, body').animate({
                scrollTop: $('.hide_on_click').offset().top
            }, 500);
        }
    });
});

同じ機能に入れてみてください

于 2013-03-01T14:38:29.980 に答える