jquery顯示和隱藏子div的問題

Question

我的代碼如下打開並顯示個人內容。當顯示內容時，我想隱藏包含類「item-show」的href隱藏的問題「item-show」當內容顯示時。 單擊時關閉按鈕應該隱藏內容並再次顯示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(); 

    });