jquery - 使用 nth-child 打开 div - Jquery

Question

有没有办法单击类“title1”并打开“text1”...单击“title2”并打开“text2”...等等而不使用类选择器？

<nav>
    <div class="title1"> title1 </div>
    <div class="title2"> title2 </div>
</nav>

<div class="text">
    <div class="text1"> text 1 </div>
    <div class="text2"> text 2 </div>
</div>

<script>
$('nav .cada:nth-child(1)').click(function(){
    $('.txt .cada').fadeOut()
    $('.txt .cada:nth-child(1)').fadeIn()
})
$('nav .cada:nth-child(2)').click(function(){
    $('.txt .cada').fadeOut()
    $('.txt .cada:nth-child(2)').fadeIn()
})
</script>

Answer 1

$("nav div").on("click", function(){
    var index = $(this).index();
    $("div.text").children("div").eq(index).show().siblings().hide();
});

fiddle :http://jsfiddle.net/VnHG4/