潜水一次出现，一次消失

Div appear onclick, disappear onclick

本文关键字：一次 消失 潜水      更新时间：2023-09-26
 $(function() {
  $('.dropTitle').click(function() {
    $('.columnCenter ul ul').css('display', 'block');
  });
                              
});

我在这里有一个点击功能。单击.dropTitle时，.columnCenter ul将显示"块"。我怎么能把它放在我再次单击.dropTitle时，它将切换到显示的位置：none；？

我希望能够在显示：块到显示：点击时无。dropTitle.之间来回切换

我们将感谢所有的帮助，谢谢！

只需使用toggle:

$(function() {
    $('.dropTitle').click(function() {
        $('.columnCenter ul ul').toggle();
    });                        
});

工作示例。

在这里使用实用程序类可能会更容易，例如：

.is--hidden {
    display: none;
}

然后点击切换该类：

$('.dropTitle').click(function() {
    $(this).toggleClass('is--hidden')
}

我不仅会使用.toggle()，还会使用.on()。。。

$(function() {
    $(document).on('click', '.droptitle', function() {
        $('.columnCenter ul ul').toggle();
    });                        
});
相关文章：