동일한 등급의 다중 표시/숨기기

Question

개별 클래스로 변경할 수없는 동일한 클래스의 UL이 여러 개 있습니다. 확장 된 모든 ul 대신 클릭했을 때 클릭 만 표시/숨기기를 선택했습니다. 나는 세 번째 Li 이후에 내용을 숨기고있다. 어떤 도움이라도 대단히 감사하겠습니다! 아래 코드.

$(document).ready(function(){ 

$("ul.gigpress-listing").find("li:gt(2)").hide(); 

$("ul.gigpress-listing").has("li:nth-child(3)").after("<span class=\"showhide_tours\">+  Show More</span><br/><br/>"); 

$("span.showhide_tours").click(function() { 
$("ul.gigpress-listing").find("li:gt(3)").slideToggle("fast"); 

}); 

});; 

Answer 1

그것은 당신이 당신의 마크 업을 보지 않고 원하는하는지 말해 어렵다,하지만 난 당신의 라인을 따라 뭔가를 원하는 있으리라 믿고있어.

$("span.showhide_tours").click(function() { 
    $(this).closest('ul').find("li:gt(3)").slideToggle("fast"); 
    }); 

Answer 2

당신이있는 모든 ul 후 span를 추가하고 있기 때문에 3 개 이상의 리튬의 당신이 시도 할 수 있습니다.

$("span.showhide_tours").click(function() { 
    $(this).prev()//This will get the previous ul element 
    .find("li:gt(3)").slideToggle("fast"); 
});