2

我正在使用带有侧边栏导航菜单的 CSS 主题。我想添加一个按钮，让用户关闭侧边栏。

我熟悉 jQuery 切换、显示、隐藏等...我可以编写脚本以多种方式隐藏和显示 div，但是否有一种合规的方法可以在大多数浏览器和电话？

除了在 jQuery 中显示隐藏之外，还有更好的选择吗？

谢谢

4

4 回答 4

2

最合适的方法是只切换一个类，然后用 css 切换到其余部分......

var $yourSidebar = $(".sidebar");
$(document).on("click.toggleNav touch.toggleNav", ".yourTriggerButton", function(){ 
 $yourSidebar.toggleClass("open");
});

在您的 css 中，您可以使用媒体查询使导航在每个分辨率范围内表现不同，甚至可以使用 css 转换正确地制作动画。

这将适用于几乎所有的移动和桌面设备。

DMEO：http: //jsfiddle.net/a24fQ/

于 2012-05-23T09:28:49.870 回答
0

您可以使用 css 可见性属性并使可见性：在单击事件时隐藏。像jQuery (selector).css('visibility','hidden');

于 2012-05-23T09:18:29.330 回答
0

在课堂上使用这个...

div
{
display:none;
}
div:hover
{
display:block;
}
于 2012-05-23T09:24:05.677 回答
0

我认为没有实际更好的方法，然后使用 JS。因为您需要处理按钮单击时的切换。使用 jQuery、ExtJS 或直接 JS 是使用工具的问题。t 因此，在这种情况下，使用 JavaScript 这绝对是正常的。

于 2012-05-23T09:51:53.170 回答