accordion

How can I make an accordion control in ASP.NET?

How can I find or make an accordion control in ASP.NET? ...

Why does my jQuery UI Accordion Not Display Accurate Dimensions

http://mindfulintegrations.com/signiacapital/accordian.php I am using Jquery Accordion UI and if you look at the above page you can see it doesn't display the text correctly - the buttons are in odd places and the width of the text isn't spanning the white text block fully. What I want is for the accordion to be under the flash image a...

Jquery Horizontal Accordion Webkit Bug

I'm trying to build a horizontal accordion with Jquery. It seems to be working "ok" in Firefox. But in Webkit (Safari 3 + 4, and Chrome) the sub-level UL flashes after the Hide function. Any help would be greatly appreciated. To see a working demo: http://ableobject.com/horaccordion1.html Here is what I'm working on: <html xmlns="ht...

AjaxControlToolkit:Accordion - FadeTransitions is not working

I have Accordion control under UpdatePanel. I also use Repeater inside Accordion. I want to load some data after clicking the button "Get Data" and when it finished to load - show data with fade effect. When I press another time "GetData" - hide current data with fade effect and show loading image. But in my case all work fine except fad...

Center Align Horizontal Accordion in IE (dynamic widths)

I'm trying to figure out how to center a horizontal accordion with no width given in Internet Explorer 6 and 7. I'm working in XHTML 1.0 Strict. In Webkit and Mozilla its just display:table. I've tried everything I can think of and anything one might LMGTFY me for... but it's just not working. I've posted the example at: http://able...

JQuery Accordion: Resizing My Header Control

I am using the JQuery Accordion. All is well in FireFox. In IE7, however, when I click a link in my document that expands one of the accordion menu headings my header server control is re sized (shrunken). How do I stop the screen re sizing? This is the peice of JavaScript in question: if (!$('h3.ReferenceBackgroundHeader', '#References...

How to get div's to load on click not when page loads?

Hello, I am currently building an making my new website. It uses one page and uses a jQuery accordian menu to load the content. The content it split up in six different div's and all load as soon as the page is accessed. I want it to load each div when the link to it is clicked on. To decrease the page loading time. You can see this in...

Jquery accordion nested problem

Dear all, I am having trouble setting up two independent accordions. They should open / close independently and accordion2 should be nested in accordion1 (code see below) What happends right now is that they are overlapping each other when opened and IE is even overwriting 'text below accordion 1'. This should not happen. Any ideas what ...

JQuery Accordion Activation

Is there another way to activate an accordion menu besides the .accordion('activate', indexval); method? In IE7 this changes my header DIV formatting (it smashes it). The accordion is at the base of the page so when it is activated my header disappears. Can anyone offer me some help with this? Here's what I have.. The the activation i...

CSS Accordion/Tree Menu with 100% width dividers

I want to create a CSS/JS accordion menu, with HTML like so: <ul> <li><a href="#">First Link</a> <ul> <li><a href="#">Child One</a></li> <li><a href="#">Child Two</a></li> </ul> </li> <li><a href="#">Second Link</a></li> <li><a href="#">Third Link</a></li> </ul> The nav structur...

jQuery accordion accordionchange

I've created a jQuery accordion for my website, it all works very fine. But now I want to have some javascript executed when i click on a link of the accordion. In the jQuery documentation I found this solution: $('ul.accordion').accordion().bind("accordionchange", function(event, something, ui) { alert('ALLO'); }); Which shoul...

jquery accordion prevent bubbling / allow default link action

I have an accordion setup as so: $('.shortheadline').accordion({ active: false, header: '.headline', autoHeight: false, animated: 'slowslide', changestart: function(event, ui) { $('.brief').css('min-height','0') }, change: function(event, ui) { $('.brief:visible').css('min-height','80px'); $('.headline').blur(); } }); I want the cl...

Resetting a jQuery Accordion

I have two accordions on one page. I would like it so that when one is clicked/activated the other accordion (if opened) will return to its default folded state. I have tried to manually recreate the functionality but it is too buggy and eventually doesn't let me expand accordions. My code: $('#chicago-accordion').accordion({ autoHe...

Android - accordion widget

I'm looking at best way of creating Accordion-style widget such as on this page Is there a way of achieving same effect using standard Android toolkit or do I need to build custom widget? If so - which one would you recommend extending if any? Thanks a lot for your suggestions ...

JQuery accordion doesn't work without h3 tags

Hey guys, I am trying to make an accordion with JQuery and am running into some trouble. The JQuery website shows to create your accordion content like this. <div id="accordion"> <a href="#">First header</a> <div>First content</div> <a href="#">Second header</a> <div>Second content</div> </div> When I do this the acco...

Whats the best way to programatically open a pane inside Dijit AccordionContainer.

I am trying open & close accordion panes programatically. Here is the simplified version of my code. Even though I set the first pane's selected to false and and second pane's selected to true, only the first pane opens when it loads on the browser (FF3). var accordionContainer = new dijit.layout.AccordionContainer().placeAt("test"); va...

jquery accordion menu states

I have a accordion menu with a header image that changes based on the state (open/closed) the problem is once any part of the menu is open the open state images stays, even if the section of the menu is closed. I'd like the closed state to come back once that part of the menu is closed. Code $(document).ready(function() { ...

jquery accordion behaves randomly in IE6

We have a page with accordions. After the page loads, we open the accordion and it shows the data correctly in IE7 and Firefox but in IE6, it does not show the data at all. When we close the accordion and open it again, the data shows up. This behaviour occurs in different ways. In some cases, it does not show any data in the accordion ...

One JS app Overwriting Another.

Forgive me as I ask what is wrong with my JS. I am really new to all of this. I've been redesigning my portfolio site and have hit a wall trying to put two different JavaScript applications together. I want my site to be just one page and use JS to view all the content. In order to do this I am using two different Jquery apps. This a...

Accordion Menu - How do I know that it will slide up or down??

Hi I have a question I got an accordion menu(code below) and under the accordion menu I have a tag box. When accordion menu extends, I want to make my tag box go below the extended menu instead of extended menu covering up my tag box. So I change the value of css property "top" for my tag box after I count the # of sub-items being opene...