幻燈片切換不會保持一旦點擊？

Question

我正在製作菜單，並遇到了一些jQuery問題。

我希望我的肘節在咔嗒聲之後保持翹起，但是他們卻是向上滑動，然後又一直向下。

我已經管理到目前爲止有一個關閉，另一個同時打開。有什麼想法嗎？

這是當前JS：

jQuery(".food-content").hide(); 
jQuery(".food-content").first().slideToggle(500); 
jQuery('.food-item').click(function(){ 
    jQuery(".menu-container, .full-menu-container").siblings().find('.food-content').slideUp(); 
    jQuery(this).find('.food-content').slideDown(); 
}); 

我已經做了JS小提琴：

https://jsfiddle.net/marmaaduke/uyb4Lzuy/

Answer 1

只排除當前項目從slideUp點擊（與not），並使用slideToggle爲當前項目。

jQuery(".food-content").hide(); 
jQuery(".food-content").first().slideToggle(500); 
jQuery('.food-item').click(function() { 
    jQuery(".menu-container, .full-menu-container").siblings().not(this).find('.food-content').slideUp(); 
    jQuery(this).find('.food-content').slideToggle(); 
}); 

https://jsfiddle.net/TrueBlueAussie/uyb4Lzuy/1/