针对div元素

Question

我有一个jQuery的问题，我是这个初学者！

我想将隐藏/显示切换应用于div中的段落选择。我有许多类似的div元素页面上都有单独的链接切换。

我的HTML是：

<div class="profile"> 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
<div class="more"> 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
</div> 
<a href="#" title="More" class="more">More</a> 
</div> 
<div class="profile"> 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
<div class="more"> 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
</div> 
<a href="#" title="More" class="more">More</a> 
</div> 

我怎样才能使它（= “更多” 的div类）分别切换每个格使用jQuery在网页上？此刻所有div都同时隐藏/显示！

感谢

Answer 1

@sandeep答案是正确的，但他在选择器中有一个空格。

$('a.more').click(function() { 
    $(this).prev('div.more').toggle('normal'); 
});​ 

Answer 2

$('.more').click(function(){ 
    $(this).prev('div .more').toggle(); 

})​ 

工作演示 http://jsfiddle.net/wc2sD/

Answer 3

只要改变类文本隐藏/显示只要“更多”链接是“配置文件”的“孩子”它应该工作

<script> 
$(".more").click(function(){ 

$(this).parent().find("div.more-text").toggle(); 

}); 
</script> 
<div class="profile"> 
<p>TEXT</p> 
<div class="more-text'> 
<p>MORE TEXT</p> 
</div> 
<a href="#" title="More" class="more">More</a> 
</div> 

<div class="profile"> 
<p>TEXT</p> 
<div class="more-text"> 
<p>MORE TEXT</p> 
</div> 
<a href="#" title="More" class="more">More</a> 
</div>