Wordpress顶级菜单链接显示/隐藏div

Question

我希望我的wordpress模板顶部菜单上的一个链接在点击时在页面顶部显示一个隐藏的div。我怎么能用css类或url做这个？

Answer 1

您将使用jQuery toggleClass函数，这也需要额外的CSS类。

$('.button').on('click', function (e) {
    $('div').toggleClass("show");
});

CSS：

div {
    display: none;
}

div.show {
    display: block;
}

这是非常基本的，只会让它显示和隐藏，你可以添加一些过渡到它使它看起来更平滑或改为使用slideToggle（）函数。