I seem to have a fix for this but it really messes up the smoothness of the accordion slide
bug in the code for IE and Opera of jqueryui, see http://groups.google.com/group/jquery-ui/browse_thread/thread/b00f73df356e42eb/e8c64b8bea13c6c9?hl=en-GB&lnk=gst&q=accordian+ie#e8c64b8bea13c6c9 Any ideas on a better fix? On Oct 24, 3:17 pm, Pete <[EMAIL PROTECTED]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
