Search the Community
Showing results for tags 'collapse'.
-
Здравствуйте! Все кто знаком с бутстрап, наверняка пользовались встроенным аккордеоном (collapse.js). Штука весьма полезная и очень удобная. Но вот кое какой функционал не доведен до ума. А именно возможность перехода к нужному развернутому слою, и дальнейшей работе с меню аккордеона. Подробнее: есть страница (PAGE1) на которой 10 кнопок и 10 слоев. Слои имеют id по порядку (el1, el2, el3, el4, el5 и т.д.). Есть кнопки которые открывают эти слои (Салаты, Супы, Гарниры ...). Есть другая страница, на которой есть ссылки типа: /PAGE1/?menu=sreda#el3. Надо что бы при переходе с этой страницы на PAGE1 открылся элемент 3. решение такое существует и работает. Извлекает хэш и открывает нужный слой, если хэш пустой, то открывает первый слой. <script> $(function(){ var hash = window.location.hash; $('.panel-collapse').hide(); $('.panel-collapse').each(function(){ $(this).removeClass('in'); }); if (hash) { $(hash).show().addClass('in'); } else { $('#el1').show().addClass('in'); } }); </script> Но после перехода не работает меню на странице. Т.к. URL имеет вид /PAGE1/?menu=sreda#el3, то 3 слой всегда открыт. А остальные слои просто не работают. Прошу вашей помощи, доработать так, что бы и нужный слой открывался, и все остальное на странице после этого работало. Спасибо.
- 4 replies
-
- аккордеон
- хэш переход
-
(and 2 more)
Tagged with:
-
Привет! Строю макет на бутстрапе и столкнулась с проблемой с разворачивающемся блоком collapse. Может кто сможет подсказать решение. Вот способ использования блока, я делаю все точно также, все отлично работает http://getbootstrap.com/javascript/#collapse НО мой блок выглядит как строка таблицы в свернутом виде так http://monosnap.com/image/nsTJBWP68p97y1BdPsGNGsVlv8R3cY в развернутом так http://monosnap.com/image/x0P8ZP0TCDVndTabqLK3n32zekYM6y Я бы хотела сделать коллапс при клике на весь блок, но внутри него есть другие рабочие ссылки, например заголовок, кнопка с картой, кнопка с плюсом. Получается если я делаю коллапсом весь блок, другие ссылки внутри блока перестают работать. Интересно, что они подсвечиваются по отдельности, в статус-строке показывается нужная ссылка, но при щелчке срабатывает только коллапс. z-index не помогает. Очень надеюсь на помощь и заранее спасибо!