Question

我的代码打开并单独显示内容。当显示内容时，我想隐藏包含类＆＃34; item-show ＆＃34;的href。我遇到的问题是隐藏＆＃34;。 item-show ＆＃34;当显示内容时。点击时关闭按钮应该隐藏内容并再次显示href，但目前它还没有关闭。

以下是我的代码和fiddle demo here：

$(document).ready(function() {
    $(".item-content").hide();
    $(".item-show").on("click hover", function() {
       $(this).parent('p').next(".item-content").slideDown( "slow" );
       $(this).parent('p').next('.item-show').hide();  
    });
    $("span.close-icon").on("click hover", function() {
       $(this).parent('p').next(".item-content").slideUp( "slow" );
      $(this).parent('p').next('.item-show').show(); 

    });
});

Answer 1

演示：http://jsfiddle.net/n7305445/29/

使用.slideToggle()来切换.item-content

使用.closest()和.find()来浏览DOM树

$(document).ready(function() {
    //PREVIEW CARD 
    $(".item-content").hide();
    $(".item-show").on("click", function() {
        $(this).closest('.item-b').find(".item-content").slideToggle( "slow" );
    });
    $("span.close-icon").on("click", function() {
        $(this).closest('.item-content').slideUp( "slow" );
    });
});

Answer 2

你走了。

https://jsfiddle.net/zsdgjsz7/

//PREVIEW CARD 
    $(".item-content").hide();
    $(".item-show").on("click hover", function() {
       $(this).hide().parent('p').next(".item-content").slideDown( "slow" );
    });
    $("span.close-icon").on("click hover", function() {
       $(this).parent('.item-content').slideUp('slow').parent().find('.item-show').show();

    });

Jquery显示和隐藏子div的问题

2 个答案: