มือถือ jQuery พับบล็อก
บล็อกเนื้อหาพับ
บล็อกพับช่วยให้คุณสามารถซ่อนหรือแสดงเนื้อหา - สำหรับการจัดเก็บส่วนหนึ่งของข้อมูลที่มีประโยชน์
ในการสร้างบล็อกเนื้อหาพับคุณจะต้องเพิ่มที่เก็บข้อมูลบทบาท = แอตทริบิวต์ "พับ" ในภาชนะ (div) ภายในเพิ่มองค์ประกอบส่วนหัว (H1-H6) ตามด้วยส่วนขยายที่คุณต้องการที่จะทำให้แท็ก:
โดยค่าเริ่มต้นเนื้อหาจะถูกพับ เพื่อขยายเนื้อหาเมื่อโหลดหน้าเว็บให้ใช้ข้อมูลทรุด = "false":
ตัวอย่าง
<h1>点击我 - 我可以折叠!</h1>
<p>I'm 现在我默认是展开的。</p>
</div>
ลอง»
บล็อกพับซ้อนกัน
บล็อกเนื้อหาพับสามารถซ้อนกันกับแต่ละอื่น ๆ :
ตัวอย่าง
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
<div data-role="collapsible" >
<h1>点击我 - 我是嵌套的可折叠块!</h1>
<p>我是嵌套的可折叠块中被展开的内容。</p>
</div>
</div>
ลอง»
บล็อกเนื้อหาพับสามารถซ้อนกันหลาย ๆ ครั้งตามความต้องการของคุณ |
คอลเลกชันพับ
พับชุดบล็อกพับเป็นกลุ่มเข้าด้วยกัน (เหมือนหีบเพลง) เมื่อบล็อกใหม่จะถูกนำไปใช้ทุกบล็อกอื่น ๆ จะถูกพับ
สร้างหลายบล็อกเนื้อหาพับแล้วเนื้อหาของบล็อกล้อมรอบด้วยภาชนะพับที่มีข้อมูลบทบาทใหม่ = "พับชุด" ของ:
ตัวอย่าง
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
</div>
ลอง»
ตัวอย่างเพิ่มเติม
ยกเลิกเนื้อมีอัตรากำไรที่ผ่านแอตทริบิวต์ข้อมูลสิ่งที่ใส่เข้าไป
วิธีการยกเลิกมุมนอกกับระยะทางบล็อกพับ
ผ่านข้อมูลแอตทริบิวต์มินิมินิของบล็อกพับ
วิธีการทำบล็อกพับขนาดเล็ก
เปลี่ยนไอคอนโดยข้อมูลทรุดไอคอนและข้อมูลการขยายตัวไอคอน
วิธีการเปลี่ยนไอคอนเพื่อบล็อกยุบ (เริ่มต้น + และ -)
พับป๊อปอัพ
สร้างลิ้นชักในป๊อปที่
แก้ไขตำแหน่งไอคอน
ในลิ้นชักของวิธีการปรับเปลี่ยนตำแหน่งของไอคอน (ค่าเริ่มต้นคือด้านซ้าย)