1

トグル効果を使用して、ビール メーカーを選択するための迅速で視覚的なセレクターとして機能するスライドショーを表示しています。この例は、次の場所にあります。

http://srperrott.silverjerk.com/products/domestic/millercoors

問題は、トグルを有効にするには、選択したトリガーを効果的に 2 回クリックする必要があることです。これが私のコードです：

$(document).ready(function(){
    $(".quick-brew-header").toggle(function(){
        $(".zone-preface-wrapper").animate({height:40},40);
    },function(){
        $(".zone-preface-wrapper").animate({height:165},40);
    });
});

私の CSS では、.zone-preface-wrapper の開始高さを 40px と宣言しました。

これには簡単な修正が必要なようです。この問題の解決策を見つけるための助けをいただければ幸いです。

4

1 に答える 1

7

要素が 40 で始まる場合、最初の引数は 40 にアニメーション化されるため、変化は見られません。

2 つのトグル ハンドラを切り替えると、最初のクリックで 165 に変更されます。

$(".quick-brew-header").toggle(
    function() {
        $(".zone-preface-wrapper").animate({height:165},40);
    },
    function() {
        $(".zone-preface-wrapper").animate({height:40},40);
    }
);
于 2012-12-10T14:34:08.300 に答える