เครดิตรูปภาพ: รูปภาพดาวพฤหัสบดี / รูปภาพ Pixland / Getty
มีหลายครั้งที่นักออกแบบเว็บไซต์จำเป็นต้องขยายและยุบข้อความบนเว็บไซต์ ฟีเจอร์นี้มีประโยชน์อย่างยิ่งในการตั้งค่าคำถามที่พบบ่อย จัดระเบียบรายการบล็อก และสร้างคุณสมบัติปริศนาและแบบทดสอบ แทรกโค้ด Java นี้ลงในเว็บไซต์ของคุณเพื่อใช้ข้อความที่ยุบได้
ขั้นตอนที่ 1
เปิดโค้ด HTML ของหน้าเว็บที่คุณต้องการเพิ่มข้อความที่ยุบได้ ค้นหาและแท็ก ระหว่างนั้น ให้คัดลอกและวางรหัสต่อไปนี้:
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
หาตำแหน่งของข้อความที่ยุบได้ของคุณ วางรหัสต่อไปนี้ที่นั่น บรรทัดนี้สร้างส่วนหัวซึ่งจะสลับส่วนที่มีรหัส "a1"
ส่วนที่ 1
ป้อนข้อความส่วนภายในคอนเทนเนอร์ที่มี id "a1" และคลาสของ "texter"ส่วนที่ 1 เนื้อหา
ขั้นตอนที่ 3
หากคุณต้องการรายการเพิ่มเติม ให้ดำเนินการต่อด้วยรูปแบบ โดยใช้คู่รหัสที่แตกต่างกันสำหรับชื่อส่วนแต่ละส่วนและพื้นที่เนื้อหา บันทึกไฟล์และทดสอบโค้ดเพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้อง คุณควรจะสามารถคลิกที่ส่วนหัวเพื่อแสดงข้อความที่ซ่อนอยู่และทำให้หายไปได้