1

現在、「#Header_Info」と「article」の 2 つの div があります。

Article はページに情報を表示する静的 div であり、#Header_Info は展開して追加情報を表示する div ですが、#Header_Info が展開すると Article の上に移動するため、他の div が展開される前に Article をフェードアウトさせましたが、問題はボタンをもう一度クリックすると、#Header_Info が折りたたまれる前に記事が表示され、どこが間違っているのかを突き止めることができます。

これは私のコードです:

$('.address a').click(function () {
    $("article").fadeToggle("fast", function () {
        $('#Header_Info').slideToggle('slow', function () {
            $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours");
        });
    });
}); 
});
4

1 に答える 1

0

同じ速度で同時にフェードを試すことができます

$('.address a').click(function () {
    $("article").fadeToggle("fast");
    $('#Header_Info').slideToggle('fast', function () {
        $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours");
    });
});

関連する html マークアップを提供できる場合は、このコードにおそらくバグまたは 2 があるため、テスト用のフィドルを作成できます。

このhttp://jsfiddle.net/e6wPa/ 最小 cssのようなもの

于 2012-07-03T20:33:24.283 に答える