2009-10-20 55 views
5

Tôi đang cố tạo kiểu cho menu có chiều cao tĩnh và nội dung được hiển thị giữa các tiêu đề. (Vui lòng xem hình bên dưới. ... bên phải là chế độ xem sau khi người dùng nhấp vào Tiêu đề 2)Kiểu menu này được gọi là gì?

Kiểu menu này được gọi là gì? Làm thế nào tôi có thể thực hiện điều này với jQuery?

accordion menu http://i37.tinypic.com/25ztrsx.png

Edit: Cảm ơn! Tôi đã tìm kiếm accordion trước khi hỏi, nhưng tôi không thể tìm thấy bất kỳ ví dụ nào mà chiều cao của trình đơn vẫn tĩnh bất kể nội dung.

Chỉnh sửa 2: Đây là hành vi tôi đang tìm kiếm: Vertical concertina menu Cảm ơn @ricebowl vì đã cung cấp liên kết.

+0

Đó là giá trị chỉ ra, tôi nghĩ rằng bạn có thể đạt được bố trí này chỉ với xhtml và css, không * cần thiết * (trừ khi bạn muốn) để sử dụng jQuery hoặc JS. Xem câu trả lời của tôi dưới đây. –

+0

Chắc chắn, nhưng thường khách hàng đang đòi hỏi ngày nay và muốn có ít hiệu ứng và hoạt hình, tôi không nghĩ rằng một siêu tối giản html/css sẽ cắt nó cho một số khách hàng. –

+0

@meder, bạn hoàn toàn đúng; nhưng đối với những người sẵn sàng sống với những điều cơ bản, đó là một nguồn lực tốt. Nhưng tôi thích làm cho nó hoạt động với những điều cơ bản và * tăng cường * với JS/jQuery. Bằng cách đó nó vẫn có vẻ tốt - nếu không có. =) –

Trả lời

5

tôi chắc chắn rằng bạn đã biết, bởi bây giờ, rằng đây là phong cách đơn accordion, tôi sẽ chỉ đề nghị -Nếu bạn tuân theo một tổ chức phi tùy chọn -jQuery- bạn truy cập trang web css-play của Stu Nicholl, nơi anh ta có một kiểu dáng xhtml/css version thuần túy của kiểu menu accordion này.

+0

Thật tuyệt vời khi không sử dụng một dòng chữ! – gn22

+0

Cảm ơn bạn đã liên kết! Tôi tìm thấy chính xác những gì tôi muốn. – Nescio

+1

@Gurdas, tôi đã tìm thấy trang web của Stu Nicholl là không thể thiếu trong những năm qua để học những điều mới và giải quyết các vấn đề về CSS. Trò chơi css của anh, mặc dù, là * tinh khiết * tuyệt vời: http://www.cssplay.co.uk/menu/(dưới tiêu đề 'Puzzles') =) –

0

này được gọi là Accordion

Các vấn đề liên quan