sách gpt4 ai đã đi

jquery - 在两个导航栏中切换/滑动

In lại 作者:行者123 更新时间:2023-12-01 05:40:23 30 4
mua khóa gpt4 Nike

我有一个导航栏,当单击菜单图标时,它将滑入“#secondary-nav”并隐藏“#primary-nav”。然而 jquery 似乎没有显示“#secondary-menu”。下面提供的是 HTMl、CSS 和 jQuery。

这里的例子 - http://bootsnipp.com/snippets/6lM53 .
我的 jQuery 不太好,所以任何帮助将不胜感激。

HTML

CSS

#primary-menu {
visibility: visible;
}
#secondary-menu{
visibility: hidden;
}

jQuery

$( "button" ).click(function() {
$('#primary-menu').show();
$('#secondary-menu').hide();
});

1 Câu trả lời

我能够为您解决问题:

您的 CSS 似乎有问题。不要使用“可见性:隐藏”,而是使用“显示:无”

    #primary-menu {
visibility: visible;
}

#secondary-menu {
display: none;
}

我还通过将折叠更改为切换来更改 JS。

    $( "button" ).click(function() {
$( "#secondary-menu" ).toggle();
$( "#primary-menu" ).toggle();
});

关于jquery - 在两个导航栏中切换/滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31106106/

30 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com