Articles of аккордеон

Чистый CSS Collapse Accordion

У меня есть CSS-коллапс-аккордеон с чистым CSS, он работает идеально. У меня только 1 проблема: прямо сейчас, если пользователь нажмет на любой ярлык: Label One, Label Two, Label Three, он не сможет закрыть его, нажав «Ярлык» снова, каждая метка может просто закрыться, если пользователь нажимает следующую строку Я хотел бы сделать это возможным, Например: пользователь […]

Как создать гармоничное меню в HTML без jQuery

Как я могу сделать аккордеон в простом HTML? – Multipal Row Rating First Chek 1 Second Chek 2 Third Chek 3 Fourth Chek 4 Five Chek 5 Six Chek 6 Seven Chek 7 Eight Chek 8 Nine Chek 9 Ten Chek 10 Elevan Chek 11 Twel Chek 12 Thirty Chek 13

Как перевести CSS3 Accordion на клик

У меня есть файл аккордеона, который дал мне друг. Это именно то, что я попросил, аккордеон с gradleиентными заголовками, которые не используют javascript. Я не упомянул, что мне нужно, чтобы аккордеон открывался вертикально, а не горизонтально, и что я хотел, чтобы он открывался по клику, а не зависанию. Он знающий друг, но не знал, как […]

Бутстрап вложенные символы аккордеона – удивительные иконки

У меня 3-х уровневый вложенный бутстрап-аккордеон, который отлично работает, но я хочу изменить панель заголовка div, где я могу использовать шрифт-awesome icon fa fa-chevron-down при открытии аккордеона (без влияния на вложенные аккордеоны) и fa fa-chevron-right когда аккордеон рухнул. Я использую этот код для изменения значка: $(‘div.panel-collapse.collapse’).on(‘shown.bs.collapse’, function() { $(this).parent().find(“.fa-chevron-right”).removeClass(“fa-chevron-right”).addClass(“fa-chevron-down”); $(this).parent().find(‘.panel-heading’).css(‘background’, ‘#0271BC’); }).on(‘hidden.bs.collapse’, function() { $(this).parent().find(“.fa-chevron-down”).removeClass(“fa-chevron-down”).addClass(“fa-chevron-right”); […]

Как использовать в jQuery: not и hasClass () для получения определенного элемента без classа

У меня есть эта строка кода: $(‘#sitesAccordion .groupOfSites’).click(function() { var lastOpenSite = $(this).siblings().hasClass(‘:not(.closedTab)’); console.log(lastOpenSite); }); Я получаю «ложь» вместо того, чтобы получать один из других элементов (при условии, что есть один – и должен быть). Я думаю, проблема связана с: .hasClass(‘:not(.closedTab)’); В чем проблема? Моя цель – создать собственный аккордеон (без использования jQuery UI) и […]

Можно ли создать только аккордеон с CSS?

Я думаю об использовании аккордеона на странице «пожалуйста, включите Javascript», но я не знаю, возможно ли это только с помощью CSS . Я почти уверен, что это для большинства браузеров, но я также опасаюсь, что столкнусь с некоторым ограничением IE, и я хотел бы знать, пытался ли кто-нибудь из вас это сделать (или нет), и […]

Одновременно открывать только одну аккордеонную вкладку

У меня есть аккордеон, который работает очень хорошо, он хорошо выглядит на сайте и работает так, как должен. Тем не менее, я пытаюсь добавить к нему еще некоторые функции JavaScript, чтобы сделать его более профессиональным. В настоящее время аккордеон позволяет одновременно открывать несколько панелей, т. Е. Открывать одну вкладку, а затем открывать другую вкладку, обе […]

Все css-аккордеонные divs открыты по умолчанию (без jquery)

Я использую это: jsfiddle.net/wromLbq5 И я надеюсь, что вы сможете одновременно открывать несколько разделов аккордеона и загружать страницы. Под этим я подразумеваю, что когда кто-то открывается, я не хочу, чтобы другой закрывался. Это возможно? Без javascript. (Игнорируйте все вспомогательные гармоники – мне нужен только один слой) HTML My Files495 01Dropbox42 02Skydrive87 03FTP Server366 01Dropbox42 01Dropbox42 […]

Свернуть и расширить вкладки jquery / simple accordion

У меня есть запрос относительно вкладок Аккордеона. Я использовал плагин Аккордеонного меню. Ниже код, который я использовал для вкладок на странице. [accordions] [accordion title =”about”]**Content 1** [/accordion ] [accordion title=”Home”]**Content 2** [/accordion ] [/accordions] Веб-страница выглядит следующим образом: Сначала я хочу, чтобы обе эти вкладки были свернуты и. Когда он нажал кнопку « О», он […]