การซ่อนข้อความแบบหลายที่

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา การซ่อนข้อความแบบหลายที่

การซ่อนข้อความแบบหลายที่

1	`โค้ด css`


#gname{
	width:120px;height:150px;
	border:1px solid #cccccc;
	background-color:#999999;
	display:none;
	padding:5px;
	overflow:hidden;
}

1	`โค้ด html`

  <div id="gname1" >ข้อความ1</div>
  <div id="gname2" >ข้อความ2</div>
  <div id="gname3" >ข้อความ3</div>
...
...
...
  <div id="gname999" >ข้อความ999</div>

ถามว่าจะเขียน css ยังไงให้มันซ่อนทั้งหมด ทุกอัน แบบไม่ต้องมากำหนดทีล่ะ อัน

ไม่เอาแบบนี้น่ะ

#gname1{
    width:120px;height:150px;
    border:1px solid #cccccc;
    background-color:#999999;
    display:none;
    padding:5px;
    overflow:hidden;
}
#gname2{
    width:120px;height:150px;
    border:1px solid #cccccc;
    background-color:#999999;
    display:none;
    padding:5px;
    overflow:hidden;
}
....
....
....
#gname999{
    width:120px;height:150px;
    border:1px solid #cccccc;
    background-color:#999999;
    display:none;
    padding:5px;
    overflow:hidden;
}

นพพร 16-12-2010 12:32:31

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

เพิ่ม class ให้เหมือนกันทุก ตัวแล้วกำหนด css

  <div id="gname1" class="myclass" >ข้อความ1</div>  
  <div id="gname2" class="myclass">ข้อความ2</div>  
  <div id="gname3" class="myclass">ข้อความ3</div>  
...  
...  
...  
  <div id="gname999" class="myclass">ข้อความ999</div>

div.myclass{
   display:none;
}

Ninenik 16-12-2010

ความคิดเห็นที่ 2

ขอบคุณมากครับ คิดไม่ถึงมาก่อนเลยว่ากำหนดเอาจาก class ก็ได้ 555+ ขอบคุณครับ

นพพร 16-12-2010 13:19

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน