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/

点击后，幻灯片切换不会停留？

1 个答案: