Question

我有点击打开的菜单并自动关闭。我不太了解 .js 并且不知道究竟是如何工作的。

我想要的是此菜单不会自动关闭。何时开放以保持开放状态。这是 .js

 var current_item = 0;
 // few settings
 var section_hide_time = 400;
 var section_show_time = 400;

 // jQuery stuff
 jQuery(document).ready(function($) {

 // Switch section
 $("a", '.mainmenu').click(function() 
 {
  if( ! $(this).hasClass('active') ) { 
     current_item = this;
     // close all visible divs with the class of .section
     $('.section:visible').fadeOut( section_hide_time, function() { 
        $('a', '.mainmenu').removeClass( 'active' );  
        $(current_item).addClass( 'active' );
        var new_section = $( $(current_item).attr('href') );
        new_section.fadeIn( section_show_time );
     } );
  }
  return false;
  });      
});

我认为打开/关闭的部分位于开关部分，但我不确定。

Answer 1

尝试使用Toggle();，然后在您再次点击该按钮后它才会关闭。

Answer 2

“section_show_time”是使菜单自动关闭的原因。如果你从javascript中取出它，它应该在打开时保持打开状态。如果您不希望它在用户单击时执行任何操作，您可能还需要取出“section_hide_time”。

我建议使用完全不同的javascript来打开和关闭切换按钮：

在HTML文件中：

<button onclick="toggleMenu()"> </button> 
<div id="toggleMenu" style="display:none;">
    <"menu content here"> 
</div>

JS：

<script>
  function toggleMenu() {
    if (document.getElementById("toggleMenu").style.display == "none"){
      document.getElementById("toggleMenu").style.display = "block";
    } else { 
      document.getElementById("toggleMenu").style.display = "none"; 
    }
  }
</script>

在js中，您可以将“阻止”更改为当要显示菜单时您希望显示的内容。

使下拉菜单始终打开

2 个答案: