accordion

I am a jquery/javascript newbie. What I want to do is add a class to the open accordion title, and remove it when i open another. heres the code: <div class="accordion" data-collapse-type="manual" id="parent"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle category" data-toggle="collapse" data-parent="#parent" href="#category1">Category 1 </a> </div><!--/accordion-heading--> <div id="category1" class="accordion-body collapse"> <ul class="accordion-inner unstyled"> <li id="" class="sidelink"><a href="">Open Link 1</a></li> <li id="" class="sidelink"><a

By using the Telerik Extensions for ASP.NET MVC, how can I hide all the Accordion Tabs on page loading up ? By default, it will expand the first Accordion tab on page loading up! Thanks a lot! Try this: It will disable all the active (open) pane. $('.accordion').accordion({ active: false, collapsible: true }); Beau Smith View the jQuery, there is most likely an option to specify the tab to show; by default this is probably the first. You can override the behavior by adding additional jQuery. If the accordion is a nested UL, the jQuery to hide all the nested UL elements would be like this: $(

I'm working on a page using jQuery's accordion UI element . I modeled my HTML on that example, except that inside the <li> elements, I have some unordered lists of links. Like this: $(document).ready(function() { $(".ui-accordion-container").accordion( {active: "a.default", alwaysOpen: true, autoHeight: false} ); }); <ul class="ui-accordion-container"> <li> <!-- Start accordion section --> <a href='#' class="accordion-label">A Group of Links</a> <ul class="linklist"> <li><a href="http://example.com">Example Link</a></li> <li><a href="http://example.com">Example Link</a></li> </ul> <!--and of

I thought when you clicked refresh, that the browser was supposed to reset your page to the top? I am using a js accordion and when I refresh, it closes the accordion but does not reposition the page to the top. http://imip.rvadv.com/index3.html Well, as you can see, it does not :) But you can force it with some simple jQuery: $(document).ready(function(){ $(this).scrollTop(0); }); EDIT: The only way that seems to work in IE 9, FF 12 and Chrome 20.0 is the following: $(document).ready(function(){ $('html').animate({scrollTop:0}, 1); $('body').animate({scrollTop:0}, 1); }); Strange thing is

I'm trying to create an accordion able to expand multiple panels at once. I have tried to find it in the jQuery UI API, but I haven't yet found the proper way. Please let me know if there is a way of doing this using jQuery UI accordion. As others have noted, the Accordion widget does not have an API option to do this directly. However, if you must use the widget, it is possible to achieve this by using the beforeActivate event handler option to subvert and emulate the default behavior of the widget. For example: $('#accordion').accordion({ collapsible:true, beforeActivate: function(event, ui)

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="#">Services</a></h2> <div class="services"> <p>More information about all of these services</p> </div> <

I cannot find an answer about this anywhere on the internet. I have an application that has to have collapsable panels, so the TitledPane and Accordion set-up in Java FX is a natural candidate. In the application, I need to have custom headers for the container when it's collapsed. I see in the css document for the TitledPane that the header is really an HBox and a variety of other components. http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#titledpane I would like to access this component and replace it with a custom component. I have been using the TitledPane api's