股利向上滑動，並再次然後向下

Question

在按下.select-plan-buy當向下滑動（該.select-plan-details DIV）（其它列，如果打開，向上滑動）下面的代碼顯示欄。

HTML：

<div class="select-plan-container"> 

<div class="select-plan-column"> 
    <div class="select-plan-buy select-plan-buy-starter"> 
    </div> 
    <div class="select-plan-details select-plan-details-starter"> 
    </div> 
</div> 

<div class="select-plan-column"> 
    <div class="select-plan-buy select-plan-buy-level"> 
    </div> 
    <div class="select-plan-details select-plan-details-level"> 
    </div> 
</div> 

<div class="select-plan-column"> 
    <div class="select-plan-buy select-plan-buy-levels"> 
    </div> 
    <div class="select-plan-details select-plan-details-levels"> 
    </div> 
</div> 

</div> 

JS：

jQuery(".select-plan-buy").click(function() { 
    jQuery('.select-plan-column .select-plan-details').slideUp(); 
    jQuery(this).next(".select-plan-details").slideToggle(); 
    }); 

現在，當我再次按下.select-plan-buy（當.select-plan-details已經打開），它向上滑動，然後再次向下（在當前列）。我該怎麼做才能正常滑動？

Answer 1

你可以使用：

jQuery('.select-plan-column .select-plan-details').not(jQuery(this).next(".select-plan-details")).slideUp(); 

Answer 2

jQuery(".select-plan-buy").click(function() { 
    var objDetail=$(this).next(".select-plan-details"); 
    $('.select-plan-column .select-plan-details').not(objDetail).slideUp(); 
    objDetail.slideDown(); 
    });