这段代码展示了如何使用JavaScript处理导航栏的显示隐藏，并实现了设置选项的选择与取消选择功能。当点击`.navp`时，`.new`元素会进行滑动切换显示。点击`.set`时，将切换选中状态，同时确保只有一个选中项。点击`.navli`时，更新导航文字并隐藏`.new`。该代码段涉及到前端开发中的JavaScript交互和UI状态管理。
$(function() {
$(".nav p").click(function() {
var ul = $(".new");
if (ul.css("display") == "none") {
ul.slideDown();
} else {
ul.slideUp();
}
});
$(".set").click(function() {
var _name = $(this).attr("name");
if ($("[name=" + _name + "]").length > 1) {
$("[name=" + _name + "]").removeClass("select");
$(this).addClass("select");
} else {
if ($(this).hasClass("select")) {
$(this).removeClass("select");
} else {
$(this).addClass("select");
}
}
});
$(".nav li").click(function() {
var li = $(this).text();
$(".nav p").html(li);
$(".new").hide();
/*$(".set").css({background:'none'});*/
$("p").removeClass("select");
});
})
扫一扫
727
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
