I have used the jquery tabs solution to display three tabs. Each tab
contains an accordion. Each accordion is a separate instance
of .accordion(). In firefox everything works fine. However, when I
load it in IE the first page to be displayed has a working accordion.
If I change tab the accordion attached to the other tabs fail to
work. My code is as follow:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui-
personalized-1.6rc2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#mainmenu > ul').tabs({ fx: {opacity: 'toggle'} }).tabs('rotate',
10000);
$("#accordion").accordion({event: 'mouseover', header: ".ui-accordion-
header", clearStyle: true});
$("#accordionNews").accordion({event: 'mouseover', header: ".ui-
accordion-header", clearStyle: true});
$("#accordionEvents").accordion({event: 'mouseover', header: ".ui-
accordion-header", clearStyle: true});
$("#accordionOpportunities").accordion({event: 'mouseover', header:
".ui-accordion-header", clearStyle: true});
});
</script>
<div id="mainmenu">
<ul>
<li><a href="#News"><span>News</span></a></li>
<li><a href="#Events"><span>Events</span></a></li>
<li><a href="#Opportunities"><span>Opportunities</span></a></li>
</ul>
<div id="News">
<table border="0" width="100%">
<tr>
<th scope="col" rowspan="2" width="200px"><img src=""
width="183" height="183" alt="New Ambassador Social Networking Site" /
></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="news/weblog" >Ambassador News </a></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="mod/messages/compose.php?action=compose&to=1" >Submit Item</a>
</td>
</th>
</tr>
<tr>
<td colspan="2"><div id="accordionNews">
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/weblog/
8.html" >New Ambassador Social Networking Site</a></h4>
<div class="ui-accordion-content">September 19,
2008October 2008 sees the launch of the new Ambassador Social
Networking Site. This site ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/weblog/
4.html" >HEAPS Residential a Cambridge Hit</a></h4>
<div class="ui-accordion-content">September 04, 2008HEAPS
held its first ever residential summer school for gifted sixth-formers
from urban ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/weblog/
2.html" >test</a></h4>
<div class="ui-accordion-content">August 15, 2008The quick
brown goat jumped over the lazy green cow. Who was positioned
somewhere ... </div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div id="Events">
<table border="0" width="100%">
<tr>
<th scope="col" rowspan="2" width="200px"><img src="" width="183"
height="183" alt="lunch" /></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="http://localhost/elgg/news/calendar"; >Events </a></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="mod/messages/compose.php?action=compose&to=1" >Submit Event</a>
</td>
</th>
</tr>
<tr>
<td colspan="2"><div id="accordionEvents">
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="http://localhost/
elgg/news/calendar/11.html" >lunch</a></h4>
<div class="ui-accordion-content">October 29, 2008 (Wed)eat
drink eat drink ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="http://localhost/
elgg/news/calendar/24.html" >banana festival</a></h4>
<div class="ui-accordion-content">December 19, 2008
(Fri)There will be lots of fre bananas available at this event and as
much as you can eat. Come along and bring your ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="http://localhost/
elgg/news/calendar/25.html" >Christmas</a></h4>
<div class="ui-accordion-content">December 25, 2008
(Thu)This is the celebration of the Birthday of Christ. Though the
actual day of his Birth is disputed, most scholars agree that it ... </
div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div id="Opportunities">
<table border="0" width="100%">
<tr>
<th scope="col" rowspan="2" width="200px"><img src="" width="183"
height="183" alt="Various Graduate Opportunities" /></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="news/opportunities" >Opportunities </a></th>
<th scope="col" width="50%" class="ui-accordion-header"><a
href="news/opportunities/new" >Create Opportunity</a>
</td>
</th>
</tr>
<tr>
<td colspan="2"><div id="accordionOpportunities">
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/opportunities/
1.html" >Various Graduate Opportunities</a></h4>
<div class="ui-accordion-content">Joining XYZ as a graduate
will give you the opportunity to gain an excellent foundation in the
business world, challenging projects bringing you face to face with
clients on ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/opportunities/
24.html" >Shelf Stacker</a></h4>
<div class="ui-accordion-content">this is the opportunity to
stack shelves in sainsburies. A secure job and lots of ... </div>
</div>
<div class="ui-accordion-group">
<h4 class="ui-accordion-header"><a href="news/opportunities/
23.html" >Associate Director for Atlantis</a></h4>
<div class="ui-accordion-content">Help set up XYZ for All
in ... </div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
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=en
-~----------~----~----~----~------~----~------~--~---
