sách gpt4 ai đã đi

Jquery hiện/ẩn

In lại 作者:行者123 更新时间:2023-12-01 06:27:59 28 4
mua khóa gpt4 Nike

我正在尝试为显示/隐藏功能制作简单的 jquery 代码。但我仍然做错了什么。

$(tài liệu).ready(hàm(){
$('.arrow').click(function() {
$('#box').show("slow");
});

$('.arrow').click(function() {
$('#box').hide("slow");
});
$('.arrow').click(function() {
$('#box').show("slow");
});
});

http://jsfiddle.net/Armgh/

1 Câu trả lời

sử dụngtoggle :

$(tài liệu).ready(hàm(){
$('.arrow').click(function() {
$('#box').toggle('slow');
});
});

http://jsfiddle.net/Armgh/1/

或者您可以保存状态并手动切换:

$(tài liệu).ready(hàm(){
var hidden = false;
$('.arrow').click(function() {
if (hidden) {
hidden = true;
$('#box').hide("slow");
} khác {
hidden = false;
$('#box').show("slow");
}
});
});

http://jsfiddle.net/Armgh/

biên tập

sử dụngslideUp/slideDown ,你可以这样做:

$(tài liệu).ready(hàm(){
var hidden = false;
$('.arrow').click(function() {
if (hidden) {
hidden = false;
$('#box').slideDown("slow");
} khác {
hidden = true;
$('#box').slideUp("slow");
}
});
});

http://jsfiddle.net/Armgh/3/

或使用slideToggle

$(tài liệu).ready(hàm(){
$('.arrow').click(function() {
$('#box').slideToggle("slow");
});
});

http://jsfiddle.net/Armgh/4/

关于Jquery显示/隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14180500/

28 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