顯示隱藏同時具有相同類的所有div Java腳本

我不知道爲什麼，但它適用於我。也許我上傳了錯誤的東西。 JS Fiddle Link 顯示隱藏同時具有相同類的所有div Java腳本

JS代碼

$("#toggle-content").click(function() { 
    $(".otherContainers").slideToggle(500); 
}); 

$("#closeImgPP").click(function() { 
    $(this).parent().hide(500); 
}); 

$("#closeImgPP2").click(function() { 
    $(this).parent().hide(500); 
}); 

$("#closeImgPP3").click(function() { 
    $(this).parent().hide(500); 
});

我喜歡5個相同的div，我關閉每一個，並且例如我只關閉的3超過5名的div和當我使用顯示/隱藏按鈕它隱藏的div這是目前打開並顯示隱藏的div。

問題是我怎麼可以點擊它會顯示一切，再次點擊隱藏的一切，還是像2個不同的按鈕，一個用於顯示和一個用於隱藏

來源

2013-06-21 Denis S

已編輯的jsfiddle –

切換是不是你想要的切換股利或選擇，因爲切換會隱藏一切可見，並顯示隱藏的一切。製作兩個單獨的按鈕，一個用於隱藏所有元素，另一個用於顯示所有元素。 – AntouanK

是的，你絕對正確，我的大腦不工作，使兩個單獨的按鈕...它只是暗戀所有的時間（ –

我想你想是這樣的 http://jsfiddle.net/blackjim/DQ26M/9/ 你，如果你想隱藏的所有改變設計有點

$("#hide-content").click(function() { 
    $(".otherContainers").hide(500); 
}); 

$("#show-content").click(function() { 
    $(".otherContainers").show(500); 
}); 

$("#closeImgPP").click(function() { 
    $(this).parent().hide(500); 
});

（導致你怎麼會再次出現嗎？）

編輯：也許closeImgPP應該是一類，如果你想擁有這種密切在每一個「BLAHBLAH」

來源

2013-06-21 06:24:19 AntouanK

非常感謝）） –

使用.show()和.hide()方法，而不是使顯示/隱藏按鈕的slideToggle

來源

2013-06-21 06:17:22

jsFiddle這樣做自動 – AntouanK

我說我的文件工作正常，我有不同的問題 –

使用下面的代碼可以這樣做：

$("#toggle-content").click(function() { 
    $.each($(".otherContainers"),function(){ 
     $(this).toggle(500); 
    }); 
});

如您使用的是類名的選擇和文件是多個。所以你需要應用切換到每一個。

來源

2013-06-21 06:20:26

不工作（（ –

@DenisS @DenisS你試過它的工作，當我嘗試它。再次檢查。 –

你的小提琴不加載jQuery。在左上角添加一個jQuery庫。請點擊這裏：http://jsfiddle.net/DQ26M/7/

可以很好地添加一些onLoad函數在您的網站（jsfiddle爲你做這個）。例如：

$(function(){ ... });

來源

2013-06-21 06:21:07 Sergio

它現在正常工作 –

檢查這個小提琴，FYI你忘了，包括你的fiddl jQuery庫Ëhttp://jsfiddle.net/DQ26M/11

$("#toggle-content").click(function() { 
$(".otherContainers").slideUp(500); 
$(".showContent").show(); 
}); 
$(".showContent").click(function() { 
    $(this).hide(); $(".otherContainers").slideDown(500); 
});

來源

2013-06-21 06:33:01 Raza

$('#btns2').on('click', function() { 
$('.chos').hide(); 
$('#icon3').hide(); 
$('#icon').show(); 
}); 

$('#btns').on('click', function() { 
$('.chos').show(); 
$('#btns2').show(); 
$('#icon3').show(); 
$('#icon').hide(); 
});

在一個按鈕，你可以隱藏顯示或不使用類/ ID在同一時間

來源

2016-01-21 13:46:46 kenn

顯示隱藏同時具有相同類的所有div Java腳本

回答

相關問題