jquery - 我怎样才能让这个切换的下拉菜单默认打开——而不是让别人点击它来初始化它？

Question

这是我从中获取模板的地方:http://codyhouse.co/demo/mega-dropdown/index.html

如何更改 CSS 以使菜单默认打开？我试过添加

display: visible; !important

所有与两者相关的行，或者与切换按钮本身或菜单本身相关的所有行，但似乎都没有帮助。

Answer 1

首先，显示:可见； !important 无效。 display 属性没有visible 值。此外，!important 声明写在分号之前，而不是之后。

如果您尝试使用 CSS 实现此目的:

CSS:

.cd-dropdown {
  opacity: 1;
  visibility: visible !important;
}

您还可以修改 HTML:

HTML:

<a class="cd-dropdown-trigger dropdown-is-active"></a>
<nav class="cd-dropdown dropdown-is-active"></nav>

或者使用 jQuery

jQuery:

$(document).ready(function() {
  $('.cd-dropdown-trigger').click();
});

希望这能回答您的问题。