如何僅使用.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(); 
    }); 
});