0

我的 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(){

但这似乎不起作用。

一些专家的帮助将不胜感激。

4

1 回答 1

2

在每个选择器之间使用逗号:

$(".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

于 2013-04-11T14:35:56.770 回答