sách gpt4 ai đã đi

Làm thế nào để ẩn tất cả các mục li khi nhấp vào một li cụ thể và hiển thị lại các mục li còn lại bên dưới mục đó khi di chuột qua bằng jquery

In lại 作者:行者123 更新时间:2023-11-28 00:42:53 30 4
mua khóa gpt4 Nike

我正在使用 JQuery 隐藏/显示 。我的要求是,当我点击任何 时,它应该显示但隐藏所有其他 项目。当我将鼠标悬停在文本上时 'show all list item but don 'hide clicked item',剩余的列表项应该使用 jquery 位于 的下方。我是 JQuery 的新手,所以不太了解接下来的流程是什么?




.list_style{
list-style-type:none;
}



An Unordered List:



  • Menu 1

  • Menu 2

  • Menu 3

  • Menu 4





$(".list_style li").on('click',function(){
$('li', $(this).closest('ul')).not(this).hide();
$(".show_all_except_clicked").html("show all list item but don't hide clicked item ");
});



1 Câu trả lời

这可以通过使用简单的 jquery 代码添加一些 css 来完成。

Refer below example

/*I have added 2 selectors*/
$(".show-hide, .menu").hover(function() {
$('.menu').toggleClass('active');
});
$(".menu li").on('click', function() {
$(this).addClass('active').siblings().removeClass('active');
});
.menu {
vị trí: tương đối;
list-style-type: none;
padding-top: 30px;
padding-left: 0;
height: 0;
overflow: hidden;
}

.menu.active {
height: auto;
}

.menu li {
height: 30px;
width: 100%;
}

.menu li.active {
vị trí: tuyệt đối;
top: 0;
left: 0;
}




show / hide




关于javascript - 如何在单击特定 li 时隐藏所有 li 项目,并使用 jquery 在鼠标悬停时再次显示该项目下方的剩余 li 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52378203/

30 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com