在 WordPress 中向下滑动 jQuery 无法正常工作

如何解决在 WordPress 中向下滑动 jQuery 无法正常工作

我想使用 jQuery 向下滑动在 wordpress 中向下滑动一些 Div。但所有的项目都相互重叠。 这是我的代码：

$(".more-button").click(function(){
  $("#feature-column").slideDown();
  slideFadeOut($('.more-button'));
});

$(".less-button").click(function(){
  $( "#feature-column" ).slideUp(2000);
  slideFadeIn($('.more-button'));
}); 
})

和 div 是这样的：

<div class="more-button"> show more </div>
    <div id="feature-column">
    <div>123</div>
    <div>123</div>
<div class="less-button"> show less</div>

    </div>

image of wrong slide down

image of correct slide down