2010-04-06 28 views
7

Tôi có biểu mẫu liên hệ có thể bị ẩn bằng cách sử dụng .slideToggle() nhưng tôi muốn tab được sử dụng để Toggle biểu mẫu thay đổi văn bản dựa trên hình thức thời tiết là in view hoặc hidden.jQuery - slideToggle() và Chuyển văn bản

Đây là jQuery:

$("#slider").click(function() { 
    $("#form_wrap").animate({ opacity: 1.0 },200).slideToggle(); 
}); 

Tôi muốn các văn bản của #slider để đọc 'Hide' sau đó 'Show'.

Bất kỳ trợ giúp nào được đánh giá cao!

Trả lời

15

Something như thế này sẽ làm việc:

$("#slider").click(function() { 
    $("#form_wrap").animate({ opacity: 1.0 },200).slideToggle(500, function() { 
    $("#slider").text($(this).is(':visible') ? "Hide" : "Show"); 
    }); 
}); 

tôi giả sử ở đây các tab mà bạn đang nhấn #slider là những gì bạn muốn thay đổi nội dung của, câu hỏi của bạn bối rối cho tôi một chút về phía đó. Khi hoạt ảnh hoàn tất, điều này sẽ đặt văn bản của nút tùy thuộc vào trạng thái hiển thị của #form_wrap ở cuối.

+0

Xin lỗi vì nhầm lẫn, đã chỉnh sửa bài đăng của tôi. – CLiown

+0

@danit - Trong trường hợp đó, hãy thử nó, nên làm việc :) –

Các vấn đề liên quan