顯示隱藏多個塊

Question

我的js的以下部分顯示並隱藏名爲gallery_item_details_list的ul類，該類很好地工作。

 var detailsBlock = $(location.hash); 
     $(".gallery_item_details_list .gallery_item_details").css("display", "none"); 
     detailsBlock.css("display", "block"); 
     var galleryItem = $("#gallery-item-" + location.hash.substr(17)); 
     detailsBlock.find(".prev").attr("href", (galleryItem.prevAll(":not('.isotope-hidden')").first().length ? galleryItem.prevAll(":not('.isotope-hidden')").first().find(".open_details").attr("href") : $(".gallery:not('.horizontal_carousel')").children(":not('.isotope-hidden')").last().find(".open_details").attr("href"))); 
     detailsBlock.find(".next").attr("href", (galleryItem.nextAll(":not('.isotope-hidden')").first().length ? galleryItem.nextAll(":not('.isotope-hidden')").first().find(".open_details").attr("href") : $(".gallery:not('.horizontal_carousel')").children(":not('.isotope-hidden')").first().find(".open_details").attr("href"))); 
     var visible=parseInt($(".gallery_item_details_list").css("height"))==0 ? false : true; 
     var galleryItemDetailsOffset; 
     if(!visible) 
     { 
      $(".gallery_item_details_list").css("display", "block").animate({height:detailsBlock.height()}, 500, 'easeOutQuint', function(){ 
       $(this).css("height", "100%"); 
       $(location.hash + " .image_carousel").trigger("updateSizesCustom"); 
      }); 

我的問題是，現在，這可怎麼代碼進行修改，以顯示/隱藏另一個名爲例如contact_block額外的課？我試圖代碼更改爲：

$(".gallery_item_details_list .gallery_item_details .contact_block").css("display", "none"); 

和

$(".gallery_item_details_list .contact_block").css("display", "block").animate({height:detailsBlock.height()}, 500, 'easeOutQuint', function(){ 

然而，這似乎並沒有工作。

一些專家的幫助將得到真正的讚賞。

Answer 1

使用逗號分隔每個選擇之間：

$(".gallery_item_details_list .gallery_item_details, .contact_block").hide(); 

你原來工作的選擇是：

".gallery_item_details_list .gallery_item_details" 

這意味着選擇.gallery_item_details元素是.gallery_item_details_list元素的後裔。當您嘗試將.contact_block添加到末尾而沒有時，逗號表示發現.contact_block元素，這些元素是.gallery_item_details元素的後代.gallery_item_details_list元素的後代。