我正在尝试编辑切换菜单，这样就不必单击菜单附近的图标，而是通过单击单词打开菜单。如何做到这一点？我知道如何删除图标，但我不知道如何使标题可以单击，而不是作为#链接。
任何人都有机会帮忙吗？那太棒了
非常感谢。
clickable toggle menu, help
1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成
Solution One, 这也是最简单的，将按钮放置在文本上方。然后，您可以单击链接中的任意位置打开菜单。这假设您实际上不想进入顶层页面。
在您的样式中。css，添加宽度：100%！重要的和文本对齐：右；给你的。下拉切换类。所以看起来像这样。。。
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 42px;
padding: 0;
position: absolute;
text-transform: lowercase;
top: 3px;
right: 0;
width: 100% !important;
text-align: right;
}
jQuery(document).ready(function () {
jQuery(\'.sidebar_menu ul ul\').hide();
if (jQuery(\'.menu-item-has-children\').length > 0) {
jQuery(\'.menu-item-has-children\').click(
function (event) {
jQuery(this).addClass(\'toggled\')
if (jQuery(this).hasClass(\'toggled\')) {
jQuery(this).children(\'ul\').toggle();
}
return false;
});
}
});
Solution Three (Parents Linkable)
jQuery(document).ready(function () {
jQuery(\'.sidebar_menu ul ul\').hide();
if (jQuery(\'.menu-item-has-children\').length > 0) {
jQuery(\'.menu-item-has-children\').click(
function (event) {
if (jQuery(this).hasClass(\'toggled\')) {
jQuery(this).removeClass(\'toggled\');
jQuery(this).children(\'ul\').toggle();
}else{
jQuery(this).addClass(\'toggled\');
jQuery(this).children(\'ul\').toggle();
return false;
}
});
}
});