gpt4 book ai didi

javascript - 如何使 bootstrap nav-pills 在点击时关闭?

转载 作者:行者123 更新时间:2023-11-28 07:05:09 24 4
gpt4 key购买 nike

我正在尝试使侧边栏导航中的按钮(使用 Bootstrap 框架)关闭或折叠单击。

如果您点击下面的链接查看工作模板,您就会明白我的意思 - 左侧栏有一个名为“快捷方式”的按钮,如果单击该按钮,则可以下拉显示其他链接,效果很好......

但是......我希望当再次单击它时它会关闭并恢复到原来的状态......

http://seegatesite.com/bootstrap/simple_sidebar_menu.html

我的想法是,这与下面的 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 只是一个 css 样式,没有 js 操作。

也许你很困惑。

.

也许您可以将 Accordion( http://getbootstrap.com/javascript/#collapse-example-accordion ) 与 nav-pill 样式一起使用,

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

http://api.jquery.com/slideup/

http://api.jquery.com/slidedown/

.

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

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

关于javascript - 如何使 bootstrap nav-pills 在点击时关闭?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31771708/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com