使用jquery單擊圖像時更改類

Question

我想單擊圖像時更改類內容。

<div class="myclass"> 
Content 
</div> 
<div class="myclass"> 
Content 
</div> 
<div class="myclass"> 
Content 
</div> 

<ul> 
    <li><img src="image1.jpg" /></li> 
    <li><img src="image2.jpg" /></li> 
    <li><img src="image3.jpg" /></li> 
    <li><img src="image4.jpg" /></li> 
    <li><img src="image5.jpg" /></li> 
</ul> 

這裏我想要去第一個內容，如果我點擊第一個圖像，像這樣增加。這可能嗎 ？

Answer 1

$('img', 'ul').on('click', function() { 
    $(".myclass").eq($(this).parent('li').index()).show() 
       .siblings('div').hide(); 
}); 

FIDDLE