accordion in tabs

[mahivik]

1) Script Title: Bullet List Accordion Menu

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

3) Describe problem: I am using this menu on a page having 4 jquery UI tab and each tab I have to use multiple level accordion menu. and on the click of that menu with the help of ajax I have to change the data in the perticuler tab I have done the jquery UI tab with ajax data change in a tab but accordion menu is not working in the next tab. on the first tab it was working fine. but from the next tab it will not work.

if you don't know about jquery UI tab structure (it hardly possible ;) ) this is the div structure placing one after other and the click of div the visibility of the div is changed.


With this Process I have to use this accordion menu so that in every tab I can use multiple menu.

Hope I was success to made you understand my problem.

Please replay soon.

Thanks in advance.

[ddadmin]

Ah this isn't an issue with the script, but rather, just a pesky limitation of Ajax. Pages fetched via Ajax should they contain JavaScripts within it in many cases won't run correctly when brought over this way. Ajax basically copies the contents of the external file similar to copying plain text and just dumps it onto the main page. Browsers don't know to interpret scripts or even CSS (in IE) within that copied content.

Instead of using Ajax to update the contents when you change tabs, you might consider using an IFRAME instead to load each content as a separate page, which overcomes the above issue. Ajax Tabs (http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm) for example supports loading tab content inside an IFRAME (see Demo #3 on script page).