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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=.
