accordion

Keep JQuery accordion open after refresh

天涯浪子 提交于 2019-12-25 15:18:27
问题 I made an asp.net web site in which i put a jquery accordion. My Problem is that after a postback or a refresh, the current accordion pane closes and the page resets every things. This is my jQuery code : jQuery(document).ready(function () { function close_accordion_section() { jQuery('.button').removeClass('active'); jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open'); } jQuery('.button').click(function (e) { var currentAttrValue = jQuery(this).attr('href'); if

Keep JQuery accordion open after refresh

一曲冷凌霜 提交于 2019-12-25 15:18:13
问题 I made an asp.net web site in which i put a jquery accordion. My Problem is that after a postback or a refresh, the current accordion pane closes and the page resets every things. This is my jQuery code : jQuery(document).ready(function () { function close_accordion_section() { jQuery('.button').removeClass('active'); jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open'); } jQuery('.button').click(function (e) { var currentAttrValue = jQuery(this).attr('href'); if

Making JQuery horizontal accordion close on click

蓝咒 提交于 2019-12-25 14:12:41
问题 Example: http://vincent-massaro.com/map/ Currently, the script allows you to click on a piece of the accordion to open it, but it is set to close on mouseleave. When I set the mouseleave to .click, it gets confused and doesn't know what state it is in. I want to make it so that you can click to open it, and click to close it, instead of mouseleave. The code controlling this is below, and the full script is in haccordion.js linked in the page source. If someone could help me modify this script

Expand many accordion groups at once

岁酱吖の 提交于 2019-12-25 11:54:57
问题 I have the following accordion (using angular-ui-bootstrap ) inside a paginated loop of elements: <div data-ng-repeat="m in results"> <div class="stuff_in_the_middle"> <accordion id="accordion_{{$index+((currentPage-1)*20)+1}}" close-others="false"> <accordion-group> [...stuff...] </accordion-group> <accordion-group> [...stuff...] </accordion-group> <accordion-group> [...stuff...] </accordion-group> </accordion> <span id="toggle_{{$index+((currentPage-1)*20)+1}}" onClick="openAllGroups"

accordion, tab menus, assign select class for both

风格不统一 提交于 2019-12-25 08:59:05
问题 I have two menus: the Accordion menu and Tab menu, for the Tab menu, there is an assigned class selected to a link that is opened, I want to assign the class (for example) open_menu, in the same way for the accordion menu. actually if the class open_menu will be given from the condiotion that in its ul there is an A link with class Selected, it would be much better, because the class selected given to a link is taken from the cookies, and even if the page is refreshed it comes to this link

Set “active” accordion menu after click

时光毁灭记忆、已成空白 提交于 2019-12-25 07:25:25
问题 I'm trying to set accordion menu "active" after click on link and change the page... <div class="menu"> <dl> <dt><a href="index.asp">HOME</a></dt> <dt><a href="#" class="submenu">QUEM SOMOS</a></dt> <dd> <ul> <li><a href="empresa.asp">EMPRESA</a></li> <li><a href="institucional.asp">INSTITUCIONAL</a></li> <li><a href="nossos_produtos.asp">NOSSOS PRODUTOS</a></li> <li><a href="responsabilidade_social.asp">RESPONSABILIDADE SOCIAL</a></li> <li><a href="responsabilidade_ambiental.asp"

Jquery accordion activate from external links

こ雲淡風輕ζ 提交于 2019-12-25 03:58:15
问题 I am having a lot of trouble trying to open certain J query UI accordion sections from external links. I am calling form functions from hyperlinks. Links are opening sections but then they click back to original position. any help would be much appreciated. Here the source. <script> $(function() { $( "#accordion" ).accordion({ autoHeight: false, }); }); </script> <script> function Clicked1(){ $("#accordion").accordion('activate' , 0) } function Clicked2(){ $("#accordion").accordion('activate'

How to activate jquery accordion from an image map href?

孤街醉人 提交于 2019-12-25 03:48:28
问题 I've searched all over and havent quite found the answer for my particular question. I have a simple jquery accordion and I want to be able to activate a particular section from an internal link. The link is coming from an image map so a viewer clicks on a region of the image and it activates that section of the accordion. Seems simple enough but I'm having a hell of a time with it. So for example I have so far: $(function() { $( "#myaccordion" ).accordion({ active: false, autoHeight: false,

jQuery scroll to top of DIV that is opening

别等时光非礼了梦想. 提交于 2019-12-25 02:57:16
问题 I have an accordion that opens and closes open clicking. The problem I have is that I want the page to scroll to the top of div when it's clicked on. What I have doesn't quite work, it scrolls to where the top of div was when clicked on, not where it is. My jQuery code is: $(".aro > .wrap").click(function () { if (!$(this).parent().hasClass("active")) { $(".active .details").slideUp("slow"); $(".aro").removeClass("active"); $(this).parent().addClass("active"); $(this).parent().children("

How to reference and animate repeated glyphicon-chevron in bootstrap accordion in html table

我怕爱的太早我们不能终老 提交于 2019-12-25 02:44:24
问题 I am a JavaScript novice and absolute newbie to Twitter Bootstrap. I have repeating rows in a table, each of which requires a drop-down accordion to reveal further information in a new table. I have this working, but want to have animated up and down chevrons to indicate clearly when a main-table row's accordion is collapsed or expanded. My trouble is that I don't know how to reference each row's glyphicons separately (by name/id): at the moment, all glyphicons change in unison. My code is