顯示/隱藏來自多個按鈕

一個DIV我有以下JS來切換show_div類：顯示/隱藏來自多個按鈕

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $('.show_div').show(); 

    $('.show_div').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    }); 
});

我有以下的HTML調用show_div類：

<div> 
<a href="#" data-color="red" class="show_div"><img src="../red.png" /></a> 
<a href="#" data-color="blue" class="hide_div"><img src="../blue.png" /></a> 
</div>

當我點擊red.png鏈接，出現show_div。當我點擊blue.png鏈接時，我無法弄清楚如何讓show-div隱藏起來。

當我向blue.png添加一個類來隱藏show_div時，它最終隱藏了blue.png。 red.png應該切換顯示/隱藏show_div。雖然blue.png應該確保show_div是隱藏的。

添加代碼：

<div class="slidingDiv"> 
<div class="show_div"> 
<a onClick="window.open('listing.html','_blank');">this is red</a> 
</div> 
</div>

來源

2013-10-08 need2nobasis

嘗試：

$("a").click(function(){ 
    $(".slidingDiv").slideToggle(); 
    });

DEMO FIDDLE

來源

2013-10-08 17:24:01 Unknown

argh - 我討厭它，當人們在我後面的幾秒鐘內得到了答案（:)因爲我的自尊感依附於我的SO點，這對於這個帳號來說真的很低......大聲笑）......哦，我可能不應該去編輯。活得長久，繁榮...... –

@ BenA.Hilleli嘿兄弟。我們都回答了8秒的差異。如果我看到你的帖子，我就不會回答。無論如何+1爲你。 – Unknown

@未知感謝您的幫助，我想只有red.png調用show_div。如果它打開，藍色應該關閉它。 – need2nobasis

$("a").click(function(){ 
$(".slidingDiv").slideToggle(); 
});

您需要事件附加到標籤，上有隱藏任何情況下，目前

來源

2013-10-08 17:23:23

感謝您的幫助，我想只有red.png調用show_div。如果它打開，藍色應該關閉它。 – need2nobasis

顯示/隱藏來自多個按鈕

回答

相關問題