2012-03-15 2 views
1

를 호출합니다. .slider을 클릭 한 후 .content을 얻는 방법은 무엇입니까? 난 당신이 뭔가를 원하는jQuery를이 요소의 부모를 얻을 내가 jQuery로 도움을 필요로하는 slideToggle 기능

<div class='details'> 
    <div> 
     <a href='#' class='slider'>my link</a> 
    </div> 
    <div class='content'> 
     some content 
    </div> 
</div> 
+0

당신이 귀하의 질문에 조금 더 명확하게 할 수 있습니다 (이 너무 일을해야한다고 생각)? 클릭 후 내용을 어떻게 얻으시겠습니까? 클릭하면 내용을 표시 하시겠습니까? 뭐? – coder4show

답변

1

이러한

중 하나를 수행 할 수
 
$(".details a.slider").click(function(){ 

    $(this).parent().children(".content").slideToggle(); 

}); 

또는

 
$(".details a.slider").click(function(){ 

    $(this).siblings(".content").slideToggle(); 

}); 
+0

.siblings를() 함수가 도움이 너무 : – Tony

+0

기뻐 wokrs 작품! – coder4show

0
$(function() { 
    $('.slider').click(function(e) { 
     $(this).parent().next('.content').slideToggle(); 
     e.preventDefault(); 
    }); 
}); 
+0

'.preventDefault가() '함수에 _first_ 항목 : 마지막이어야한다. – Sparky

+0

Sparky672 @ 나는이 코드에 차이가 조금도를 만들 것입니다 생각하지 않습니다. 너 말하면 –

+0

. 그러나 [그것을 먼저 배치하는 것은 문서화 된 방법입니다] (http://api.jquery.com/event.preventDefault/) 그것을 사용하십시오. – Sparky

-1

내가 제대로 이해 해요 경우 .slideToggle() 함수를 호출 한 후 원하는 :

$(function() { 
    $('.slider').click(function() { 
     $('.content').slideToggle(); 
    }); 
}); 
+0

그는 그가 토글하고자하는 HTML의 인스턴스가 여러 개 있다면이 모든 것을 토글합니다. 현재 사용자가 집중하고있는 것이 아닙니다. – coder4show

0

내가 그것을 알아 냈어요 OK

$(this).closest('div.details').children('div.content').slideToggle(); 
+0

내가 생각하는 형제해서 사용할 것 - 내가 그 기능을 알고하지 않았다 어쨌든 – coder4show

+0

일을해야한다고 생각, 너무 – Tony

관련 문제