0

トグルスライドでdivを非表示および表示します(ライドサイトではオンオフスライダーです)。複数のトグル スライドがあります。私の例では、eq() を使用していますが、toggle() ではなく状態でこれを解決します。

ここで私の開始コード:

jQuery('.menu_filter').find('.toggle-slide').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

ここに私のテストサイト:

http://devauth.labscope.de/htmlapp/report-overview.html

最初のクリックで div を非表示にし、2 回目のクリックで div を再度表示します。

誰かがアイデアを持っていることを願っています。

4

1 に答える 1

1

複数のハンドルを取得するには、いくつかのクラスまたは ID を連結するだけです。

例えば

jQuery('.menu_filter#filter1').find('.toggle-slide#slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter#filter2').find('.toggle-slide#slide2').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter#filter3').find('.toggle-slide#slide3').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

以下..

さらに、クラスでも同じことができます..

例えば

jQuery('.menu_filter.filter1').find('.toggle-slide.slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter.filter2').find('.toggle-slide.slide2').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

またはクラスとIDをマージします..

divの非表示|表示状態を切り替えるには、次のようなものを使用します

jQuery('.menu_filter#filter1').find('.toggle-slide#slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').toggle(".invisible");
});

このためのcss部分

.dark_red_gradient {
    display: block; // or whatever
    [...] // your other definitions
}

.invisible {
    display: none;
}

あなたが言うように、トリガーではなく状態で解決したい:

これのことですか?

于 2013-10-14T08:16:12.870 に答える