Sử dụng ví dụ cốt lõi được lấy từ trang ví dụ Javascript của Bootstrap 3 cho Thu gọn , tôi đã có thể hiển thị trạng thái thu gọn bằng các biểu tượng chevron.
Tôi có công việc này bằng cách sử dụng:
$('#accordion .accordion-toggle').click(function (e) {
var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
$("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
});Điều này hoạt động (không được kiểm tra đầy đủ trong tất cả các trình duyệt), nhưng tôi tự hỏi liệu có giải pháp nào thanh lịch hơn cho vấn đề này không?
Lý tưởng nhất là tôi muốn sử dụng chức năng cốt lõi, nhưng tôi không chắc làm thế nào để đạt được kết quả tương tự với nó.
$('#accordion').on('hidden.bs.collapse', function () {
//do something...
})Đây là một phiên bản làm việc trong jsfiddle .
Xin chào, trong ví dụ này, làm thế nào để tôi tạo toàn bộ tiêu đề thành một siêu liên kết thay vì chỉ văn bản. nói cách khác, khi tôi nhấp vào bảng tiêu đề, không chỉ văn bản, tôi muốn hiển thị để chuyển đổi. Làm thế nào để làm điều đó?
—
dùng1447718
Tương tự: stackoverflow.com/questions/19024218/
—
Mạnh
@ user1447718 Đây là một fiddle làm chính xác điều đó: JSFiddle Tôi cũng muốn toàn bộ tiêu đề có thể nhấp được, vì vậy tôi đã kết hợp một số giải pháp tôi tìm thấy trên SO (bao gồm cả giải pháp này).
—
Pieter VDE
Tương tự như dperish, tôi đã làm điều này
—
Steve Greene
