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

Question

单击 .cart-contents-toggle 时，#cartplus-dropdown div 应向下滑动并同时向上滑动，而无需再次单击它。这是实现它的 URL：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();
});

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

Slidetoggle Not working properly on child element of the parent

javascript

jquery

slidetoggle