gpt4 book ai didi

javascript - 通过使用css点击制作下拉菜单

转载 作者:行者123 更新时间:2023-11-28 01:41:10 25 4
gpt4 key购买 nike

<分区>

我有一个使用 AJAX 单击下拉菜单的简单示例:

http://jsfiddle.net/dmitry313/1s62x8hc/2/

HTML:

<a href="javascript:void(0);" class="dropmenu">Dropdown menu</a>
<ul style="display:none">
<li><a href="#">Dropdown link 1</a></li>
<li><a href="#">Dropdown link 2</a></li>
</ul>

脚本:

 $(document).ready(function () {
var click = function () {
var divObj = $(this).next();
var nstyle = divObj.css("display");
if (nstyle == "none") {
divObj.slideDown(false, function () {
$("html").bind("click", function () {
divObj.slideUp();
});
});
}
};
$(".dropmenu").click(click);
});

是否可以在没有任何脚本的情况下,仅使用 CSS 来制作相同的内容?

编辑:更新链接

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com