I am constructing a front page news feed using 3 accordians stored in
tabs. When you select each tab it loads a different accordian. In
firefox this is fine. However, when you run it in IE, the tab that it
loads with works fine, but the the other tabs, when clicked, do not
have accordion functionality. It is like accordion loads on each tab
call in FF but doesn't bother in IE. I was thinking about getting a
function to call an accordion each time the corresponding tab is
selected, but being a noob have no idea how to go about this
correctly. Code is as follow, apologies for the length!:
<script type="text/javascript">
$(document).ready(function() {
$('#mainmenu > ul').tabs({ fx: {opacity: 'toggle'} }).tabs('rotate',
6000);
$("#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, 2008Teach
First 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 Acme 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 Teach 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
-~----------~----~----~----~------~----~------~--~---
