如何仅对特定子项使用.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();
     });
});