Slidetoggle在父级的子级元素上无法正常工作

Question

在单击.cart-contents-toggle时，#cartplus-dropdown div应该向下滑动，同时向上滑动而无需再次单击。这是实现该网址的网址：Website Link

jQuery(document).ready(function() {
  jQuery('#cartplus-dropdown').hide();
  jQuery('.cart-contents-toggle').on("click", function() {
    jQuery('#cartplus-dropdown').slideToggle();
  });
});

Answer 1

请使用下面的更新代码，如果您有任何问题或疑问，请告诉我。

jQuery(document).ready(function() {
 jQuery('.cart-contents-toggle').on("click", function() {
   jQuery('#cartplus-dropdown').toggle();
    jQuery('#cartplus-dropdown').slideToggle();

  });
});

希望这对您有所帮助。

Answer 2

对此进行了尝试，现在可以正常工作

jQuery('.c-btn').mouseenter(function(e) {
  jQuery('.cartplus-dropdown').slideDown();
  e.stopPropagation();
});
jQuery('.c-btn').mouseleave(function(e) {
  jQuery('.cartplus-dropdown').slideUp();
  e.stopPropagation();
});