accordion

问题 I am using a jquery accordion (Jquery 1.9/Jquery-ui-1.10.1). I would like to link to the page from external pages with an anchor tag. When an anchor tag is used I would want to open a specific panel on the accordion. For example, if I pass a #panel2 anchor tag, I would want to open and display the second panel. I also have images on the accordion page that also need to link to specifc panels in the accordion. Can anyone help with this? 回答1: Try: HTML: <a class="opener" data-panel="0" href="#"

问题 I am using JQuery Accordion. I have this page here: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6 What happens is the Auto Height is taking some time to load, before it loads there is a lot of white space below the content. When it finally does load the height will expand to longer then snap up to the correct height of the content. Is there a way for this to be seamless? I just want to be able to click an Accordion tab and have it expand smoothly to the exact height of

问题 I'm firing up a jquery accordion with: $(document).ready(function(){ $('#accordion').accordion(); }); Problem is this is an .asp.NET application and if the page fires a postback is destroys the accordion. How do I re-initiate the accordion upon postback? Sorry I'm not an expert on asp.NET, and also sorry I can't give you a link to the example, this is because it's a password protected application. Thanks. 回答1: You need to re-initlaize the accordion after the post back with the UpdatePanel

问题 I am currently implemented a jquery based accordion on a navigation section, but some parts of the navigation don't need to be part of the accordion (if there are no categories etc) i am just wondering if it is possible to disable parts of the accordion or not ? i get the feeling this could be impossible but this site has surprised me before :) Thanks very much. 回答1: You can put classes on the things you want to disable. Then do : jQuery(".toDisable").live("click", function (){return false;})

问题 I'm making a responsive site using Bootstrap and it contains accordions with a large amount of text, when you read to the bottom and click the next accordion, the large amount of text is collapsed and I'm left at the bottom of the page. I found this useful code from Bootstrap accordion scroll to top of active panel heading but it scrolls to the top of all the accordions, not the specific one that is open. $(function () { $('#accordion').on('shown.bs.collapse', function (e) { var offset = $('

问题 I have this accordion thing from bootstrap. The arrow icons point down . Then I click on Competency1, I get (Competency1 icon up , Competency2 icon down ): But, if I click on Competency2 now, I get (Competency1 icon is still up , Competency2 icon up ): Is this a bug in bootstrap, or it could be easily fixed? Thanks. 回答1: It's hard to offer suggestions without seeing your code. You might be triggering the image swap only on the 'show' event (check for typos in your js). Here is what I use to

问题 I'm trying to open an accordion div from an external link. I see the "navigation: true" option but I'm not sure how to implement it. Do you give each div an id and call the link like this? http://domain.com/link#anchorid I'm new to jQuery so bear with me. Here is the code I'm using if it helps. <script type="text/javascript"> $(function(){ $("#accordion").accordion({ header: "h2", autoHeight: false, animated: false, navigation: true }); }); </script> <div id="accordion"> <div> <h2><a href="#"

问题 I have query regarding Accordion tabs .. I have used Accordion Menu plugin Below code i have used for the tabs in the page . [accordions] [accordion title ="about"]**Content 1** [/accordion ] [accordion title="Home"]**Content 2** [/accordion ] [/accordions] The web page looks like as follows: I want first both these tabs to be collapsed and.When clicked on ABOUT it should expand and display the content .And once clicked on Home it should collapse ABOUT tab and expand the home page By jquery i

问题 I am trying to mimic the Outlook bar using Twitter bootstrap using the accordion and collapse plugin, so far I got the collapse and accordion working, but it presently allows for all sections to be collapsed. I would like to limit it so that one and only one is always shown. Here is the one I am working on: http://jsfiddle.net/trajano/SMT9D/ and I think it's somewhere along the lines of $('#accordions').on('hide', function (event) { console.warn("HIDE TRIGGERED, check if trying to hide the

问题 http://jsfiddle.net/freqn/ZHt6V/2/ How do I remove class from previous selection when clicking additonal item in this accordion? I want the class to be removed from the previous clicked item when the next item is expanded. All other items should turn back to gray when new item is selected. Thank you. (function () { $('dd').hide(); $('dt').click(function(){ $(this) .next() .slideToggle(200) .siblings('dd') .slideUp(200); }); $('dt').click(function(){ $(this).toggleClass('active'); }); })();