如何仅使用.slideUp（）或.slideDown（）仅针对特定子项

Question

我目前在页面上显示多个项目，其默认情况下隐藏了其描述。描述可以通过使用类.morebtn按压在div显示然而jQuery代码没有办法的唯一识别哪个.morebtn涉及描述（.desc）

<div> 
    <span class="item">Item Name</span> 
    <div class="btn addbtn" alt="Add to your basket"></div> 
    <div class="btn morebtn" alt="More information"></div> 
    <div class="desc">Hello this is a test description for the above item. </div> 
<div> 

将有代码的多个实例以上取决于我的数据库中的项目条目数量。 什么是最好的方式，使我可以让morebtn只显示在同一个div内的desc描述？

Answer 1

使用这样的事情：

$(document).ready(function() { 
    $("body").on("click",".morebtn",function() { 
     var ele = $(this); 
     $(this).next(".desc").toggle(); 
    }); 
});