ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 
การใช้ Javascript กับ Css เปิด/ปิดการแสดงผลเนื้อหา Toggle ตัวอย่างนี้เป็น Javascript จัดการกับ element โดยใช้ style display กำหนดให้แสดง ไม่แสดงข้อมูลภายใน tag ที่ต้องการ
โค้ด Javascript

<script language="javascript">
function toggle(targetId) {
target = document.all(targetId);
if (target.style.display == "none"){
target.style.display="";
} else {
target.style.display="none";
}
}
//-->
</script>

โค้ด html

<a href="javascript:toggle('Link1')">Link 1 </a>
<div id="Link1" style="display: none">

ข้อมูลที่ต้องการปิดไว้ก่อน รอให้กด คำว่า Link1 แล้วค่อยแสดงออกมา

</div>
</div>
<br><br>
<a href="javascript:toggle('Link2')">Link 2</a>
<div id="Link2" style="display: none">
ข้อมูลที่ต้องการปิดไว้ก่อน รอให้กด คำว่า Link2 แล้วค่อยแสดงออกมา
</div>

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
สร้างพื้นหลังเป็นเมฆง่ายๆด้วย Photoshop
โดย Before Dong จ 26 มิ.ย. 2017 6:51 pm บอร์ด Graphic design
0
8
จ 26 มิ.ย. 2017 6:51 pm โดย Before Dong
ใช้ Pen Tool ตัดภาพด้วย Photoshop
โดย Before Dong จ 26 มิ.ย. 2017 5:54 pm บอร์ด Graphic design
0
9
จ 26 มิ.ย. 2017 5:54 pm โดย Before Dong
วิธีติดตั้งและใช้งาน Google Fonts บน WordPress
โดย Ik Kat จ 26 มิ.ย. 2017 5:44 pm บอร์ด Wordpress user Guide Knowledge
0
12
จ 26 มิ.ย. 2017 5:44 pm โดย Ik Kat
การใช้คำสั่ง SQL select from where like order by ที่จำเป็นต้องใช้และใช้บ่อย
โดย bellzeed จ 26 มิ.ย. 2017 5:07 pm บอร์ด SQL - Database
1
18
จ 26 มิ.ย. 2017 5:07 pm โดย mindphp
เปลี่ยนน้ำท่วมให้กลายเป็นทะเลมัลดีฟส์ด้วย Photoshop
โดย Before Dong จ 26 มิ.ย. 2017 4:45 pm บอร์ด Graphic design
0
19
จ 26 มิ.ย. 2017 4:45 pm โดย Before Dong
ทำความรู้จักกับ Laravel Framework
โดย บัวบุญ จันทะโคตร จ 26 มิ.ย. 2017 4:26 pm บอร์ด HTML CSS
0
9
จ 26 มิ.ย. 2017 4:26 pm โดย บัวบุญ จันทะโคตร
ขอวิธีการติดตั้ง โมดูล moviepy 0.2.3.2 ระบบปฏิบัติการ Ubuntu
โดย nuattawoot จ 26 มิ.ย. 2017 4:21 pm บอร์ด Programming - C/C++ & java & Python
1
11
จ 26 มิ.ย. 2017 4:21 pm โดย nuattawoot
ทำความรู้จักไวรัส Trojan และวิธีป้องกัน
โดย บัวบุญ จันทะโคตร จ 26 มิ.ย. 2017 3:45 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
จ 26 มิ.ย. 2017 3:45 pm โดย บัวบุญ จันทะโคตร
งานประจำวันที่ 26 มิถุนายน 2560
โดย Ik Kat จ 26 มิ.ย. 2017 2:46 pm บอร์ด MT19 - ปวีณา จันดี
1
10
จ 26 มิ.ย. 2017 2:46 pm โดย Ik Kat
การตัดต่อ VIdeo python ใช้ module ตัวไหนกันมั้งคับ
โดย nuattawoot จ 26 มิ.ย. 2017 2:31 pm บอร์ด Programming - C/C++ & java & Python
3
20
จ 26 มิ.ย. 2017 2:31 pm โดย nuattawoot
เข้าเฟสเก่าไม่ได้
โดย อั่งเปา จ 26 มิ.ย. 2017 12:56 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
จ 26 มิ.ย. 2017 12:56 pm โดย อั่งเปา
รวมงานประจำปี 2560
โดย bellzeed จ 26 มิ.ย. 2017 11:37 am บอร์ด M047 - วิศรุต เรืองอุไร
0
2
จ 26 มิ.ย. 2017 11:37 am โดย bellzeed
note
โดย บัวบุญ จันทะโคตร จ 26 มิ.ย. 2017 11:36 am บอร์ด M048 - บัวบัญ จันทะโครต
0
5
จ 26 มิ.ย. 2017 11:36 am โดย บัวบุญ จันทะโคตร
รวมงานประจำปี 2560
โดย Before Dong จ 26 มิ.ย. 2017 11:36 am บอร์ด M046 - อนวัช พริบไหว
0
2
จ 26 มิ.ย. 2017 11:36 am โดย Before Dong
รวมบทความ ปี 2560
โดย Before Dong จ 26 มิ.ย. 2017 11:36 am บอร์ด M046 - อนวัช พริบไหว
0
2
จ 26 มิ.ย. 2017 11:36 am โดย Before Dong
Work's on Hand วิศรุต เรืองอุไร M047
โดย bellzeed จ 26 มิ.ย. 2017 11:35 am บอร์ด M047 - วิศรุต เรืองอุไร
0
5
จ 26 มิ.ย. 2017 11:35 am โดย bellzeed
Note
โดย Before Dong จ 26 มิ.ย. 2017 11:35 am บอร์ด M046 - อนวัช พริบไหว
0
1
จ 26 มิ.ย. 2017 11:35 am โดย Before Dong
Work's on Hand บัวบุญ จันทะโคตร M048
โดย บัวบุญ จันทะโคตร จ 26 มิ.ย. 2017 11:35 am บอร์ด M048 - บัวบัญ จันทะโครต
0
4
จ 26 มิ.ย. 2017 11:35 am โดย บัวบุญ จันทะโคตร
Work's on Hand อนวัช พริบไหว md046
โดย Before Dong จ 26 มิ.ย. 2017 11:28 am บอร์ด M046 - อนวัช พริบไหว
0
4
จ 26 มิ.ย. 2017 11:28 am โดย Before Dong
งานประจำวันที่ 26 June 17
โดย bellzeed จ 26 มิ.ย. 2017 11:27 am บอร์ด M047 - วิศรุต เรืองอุไร
2
22
จ 26 มิ.ย. 2017 11:27 am โดย bellzeed