Question

我正在使用jQuery中的fadeToggle方法创建响应式菜单。当屏幕上的宽度小于767px时，屏幕上会出现一个按钮。按此按钮时，应显示一个菜单。但我的问题是菜单从一开始就可见，即使我不想让它像那样。我曾尝试使用＆＃39;可见性：隐藏;＆＃39;财产，但那没有用。

如果有人能解决我的问题，我会非常感激。

这是我的jQuery代码：

res.render('index', {data:{name:'Max'}});
// How could  I attach data to the window object for later use.

这是CSS代码：

$(document).ready(function() {
  $('.menuicon').click(function(){
    $('.menuclass').toggleClass('showMe');
    $('.menuclass').fadeToggle('.showMe');

}); 
});

Answer 1

我认为这是因为您应该在CSS中使用display: none而不是visibility: hidden。当你淡入淡出时，jQuery会应用display: block或display: none。

Answer 2

jquery中的所有淡入淡出函数都会改变元素的显示。所以你应该使用display: none。总是让我对jQuery语言有深刻见解的东西是它的文档：http://api.jquery.com/fadetoggle/。

jQuery fadeToggle从头开始隐藏

2 个答案: