Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使引导导航药片在点击时关闭?_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何使引导导航药片在点击时关闭?

Javascript 如何使引导导航药片在点击时关闭?,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我试图使侧栏导航中的按钮(使用引导framewrk)在单击时关闭或折叠 如果您按照下面的链接查看工作模板,您将看到我的意思-左侧列有一个名为“快捷方式”的按钮,如果单击该按钮,则可以下拉其他链接,效果非常好 但是…我希望它能在再次点击时关闭并恢复到原来的状态 我的想法是,这与javascript有关,如下所示: $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass(

我试图使侧栏导航中的按钮(使用引导framewrk)在单击时关闭或折叠

如果您按照下面的链接查看工作模板,您将看到我的意思-左侧列有一个名为“快捷方式”的按钮,如果单击该按钮,则可以下拉其他链接,效果非常好

但是…我希望它能在再次点击时关闭并恢复到原来的状态

我的想法是,这与javascript有关,如下所示:

$("#menu-toggle").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});
 $("#menu-toggle-2").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled-2");
    $('#menu ul').hide();
});

 function initMenu() {
  $('#menu ul').hide();
  $('#menu ul').children('.current').parent().show();
  //$('#menu ul:first').show();
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});
下面这行必须能够做我想做的事-我就是想不出来…谢谢你的帮助

 $('#menu li a').click( 

nav pills只是一种没有js动作的css样式

也许你是糊涂了

可能您可以将Accordion()与导航丸样式一起使用

或者使用jquery.slideUp()和.slideDown()手动完成

您提供的代码使用以下部分折叠/打开

$('#menu ul:visible').slideUp('normal');
    checkElement.slideDown('normal');

nav pills只是一种没有js动作的css样式

也许你是糊涂了

可能您可以将Accordion()与导航丸样式一起使用

或者使用jquery.slideUp()和.slideDown()手动完成

您提供的代码使用以下部分折叠/打开

$('#menu ul:visible').slideUp('normal');
    checkElement.slideDown('normal');

我可能误解了你的问题,但是你可以通过删除“活动”类来隐藏药丸


我可能误解了你的问题,但是你可以通过删除“活动”类来隐藏药丸


请给我们一个你想要实现的例子。这里有一个例子-点击“子级别”,它会在点击后打开和关闭。。。你可以看看,请给我们一个你想要实现的例子。这里有一个例子-点击“子级别”,它打开和关闭点击。。。你可以看看