Hi All,
I have now sorted the original problem, but now am struggling to hide
the Accordion which is on the index page. My pages are loaded using
Ajax and because each has a div containing their own accordion, I need
to hide the accordion which is in the parent div.
If anybody can point me in the right direction it would be
appreciated.
Andy
On Nov 22, 9:33 am, AndyH <andy.hings...@virgin.net> wrote:
> Hi all,
>
> I am new to jQuery, but would like to have a set of pages accessed
> using Tabs. On each of the pages I would like to use the Accordion.
>
> I have created my Tabbed pages using Ajax so each one is a seperate
> HTML, code below.
>
> </div>
> <div id="index_tab_container" class="index_tab_container">
> <!-- Tabs -->
> <div id="tabs">
> <ul>
> <li><a href="HomeTab.html">Home</a></li>
> <li><a href="NXTab.html">NX</a></li>
> <li><a href="TeamcenterTab.html">Teamcenter</a></li>
> </ul>
> </div>
> </div>
>
> I have inserted the Accordion code which works fine when opened on
> it's own to NXTab.html, as follows:
>
> $(function(){
>
> // Accordion
> $("#accordion").accordion({ header: "h3" });
>
> //hover states on the static widgets
> $('#dialog_link, ul#icons li').hover(
> function() { $(this).addClass('ui-state-hover'); },
> function() { $(this).removeClass('ui-state-hover'); }
> );
>
> });
> </script>
>
> </head>
> <body>NX Documentation.
> <!-- Accordion -->
> <div id="accordion">
> <div>
> <h3><a href="#">First</a></h3>
> <div>Lorem ipsum dolor sit amet. Lorem ipsum
> dolor sit amet. </div>
> </div>
> <div>
> <h3><a href="#">Second</a></h3>
> <div>Phasellus mattis tincidunt nibh.</
> div>
> </div>
> <div>
> <h3><a href="#">Third</a></h3>
> <div>Nam dui erat, auctor a, dignissim
> quis.</div>
> </div>
> </div>
> </body>
> </html>
>
> The problem is that the Accordion menu does not function correctly,
> so
> I was wandering what I have done wrong.
>
> Any help would be really appreciated.
>
> Thanks
>
> Andy
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=.
