บทความนี้เป็นเรื่องของ CSS แบบง่าย คือผมทำงานเรื่องนึง คือเค้าให้ทำ list ที่มี object 3 ตัว และ fix ความสูงไว้ ผมต้องทำตามนี้คือ
- ในกรณีไม่ได้ hover li ใดไว้ ให้ li แรกแสดงรายละเอียด
- กรณีมีการ hover ให้แสดงรายละเอียดของตัวที่ hover
อันนี้คือสิ่งที่ผมทำได้ http://jsfiddle.net/M4Db5/1/
หลักการของผมคือ ถ้า hover ปกติก็ให้มันแสดง แต่ถ้า containner ไม่ได้ hover ไป hover ที่อื่น ก็ให้เลือกตัวแรก ง่ายๆครับ ไม่ยาก
EDIT: เพิ่ม class default ไว้บอกว่าถ้าไม่ hover จะแสดงตัวไหน