Question

我有一个包含响应式旋转木马的面板，所以我需要保留容器的高度，这意味着我无法使用

display:none

所以我保留了高度，当用户点击它向下滑动的按钮时，我将它从顶部看不到。

我只需要允许用户再次单击该按钮并将其向上滑动。

这就是我所拥有的：

$('a.myCourses').on('click', function() {
  $('#courseCart').animate({'top': '0'}, 1000);
  $(this).addClass('open');
});

这会滑动面板。我添加了一个类，认为我可以再次定位按钮并将其向上滑动，但这不起作用。

感谢您的帮助。

Answer 1

你应该包括一个开关来检查你的carousell是否已经打开，然后你可以再次滑动它。在这个小提琴http://jsfiddle.net/gbzhhc5d/3/

中看到她

$('a.myCourses').on('click', function() {
if($(this).hasClass('open')) {
    $('#courseCart').animate({'top': '-100'}, 1000);
    $(this).removeClass('open');
}
else {
    $('#courseCart').animate({'top': '0'}, 1000);
    $(this).addClass('open');
}

});

jQuery幻灯片面板备份

1 个答案: