เมธอด hide

เมธอด hide ซ่อนองค์ประกอบอย่างนุ่มนวล การแสดง องค์ประกอบสามารถทำได้ด้วยเมธอด show

ไวยากรณ์

การหายไปตามเวลาที่กำหนด ค่าเริ่มต้นคือ 400ms:

.hide(ระยะเวลา);

สามารถระบุเวลาได้ไม่เพียงแต่เป็นมิลลิวินาที แต่ยังสามารถใช้คำหลัก slow (600ms) และ fast (200ms) ได้ ยิ่งค่ามาก แอนิเมชันก็จะยิ่งช้าลง:

.hide('slow' หรือ 'fast');

หากไม่ระบุพารามิเตอร์ - จะไม่มีแอนิเมชัน องค์ประกอบจะถูกซ่อนทันที:

.hide();

ยังสามารถส่งฟังก์ชัน easing เป็นพารามิเตอร์ที่สองได้ และ callback function เป็นพารามิเตอร์ที่สาม - จะทำงานหลังจาก แอนิเมชันเสร็จสิ้น พารามิเตอร์ทั้งสองเป็นตัวเลือก:

.hide(ระยะเวลา, [ฟังก์ชัน easing], [callback function]);

สามารถส่งตัวเลือกต่างๆ ไปยังเมธอดได้ ในรูปแบบของวัตถุ JavaScript ที่ประกอบด้วย คู่ key: value:

.hide(options);

วัตถุดังกล่าวสามารถส่งพารามิเตอร์และ ฟังก์ชันต่อไปนี้ได้ - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always คำอธิบาย พารามิเตอร์เหล่านี้คุณสามารถดูได้จากเมธอด animate ตัวอย่างเช่น มากำหนดระยะเวลาและฟังก์ชัน easing:

.hide( {duration: 800, easing: easeInSine} );

ตัวอย่าง

หลังจากกดปุ่ม #test แล้ว ให้ ซ่อนย่อหน้าอย่างนุ่มนวลด้วยเมธอด hide โดยการส่ง คำหลัก slow เราจะกำหนดความเร็ว เป็น 600ms หลังจากแอนิเมชันเสร็จสิ้น ให้แสดงผลใน คอนโซล 'Animation complete':

<button id="test">ซ่อนข้อความ</button>
<p>ข้อความ</p>

$('#test').click(function() {
	$('p').hide('slow', function() {
		console.log('แอนิเมชันเสร็จสมบูรณ์')
	});
});

ดูเพิ่มเติม

เมธอด show,
ซึ่งแสดงองค์ประกอบอย่างนุ่มนวล
เมธอด slideUp,
ซึ่งซ่อนองค์ประกอบอย่างนุ่มนวล
เมธอด fadeOut,
ซึ่งซ่อนองค์ประกอบอย่างนุ่มนวล โดยทำให้โปร่งใส