I have this HTML

2. <div id="msgContainer">
3.           <h3><a href="./somewhere.php">A Header</a></h3>
4.           <div><p>Content</p></div>
5. </div>

The pairs <h3> and <div> repeats within a foreach loop 5 times

And I have this JS:

2. $(document).ready(function(){
3. $("#msgContainer").accordion({
4. active: false, 
5. collapsible: true,
6. autoHeight: false,
7. change: markMessageAsRead
8. });
9. $.getScript("../../js/common/more.js");
10. });
11. function markMessageAsRead(event, ui) {
12. var elText = ui.newHeader.text();
13. var laPosLeido = elText.indexOf("-");
14. var laPosRespo = elText.indexOf("[")
15. if( laPosLeido != -1 ) 
16.  var elNewText = elText.substring(0, laPosLeido);
17. else 
18.  var elNewText = elText;
19. elNewText += " - Leido";
20. if ( laPosRespo != -1 )
21.  elNewText += " [Respondido]";
22. ui.newHeader.children("a").text(elNewText);
23. ui.newHeader.children("a").css({"font-style":"italic", "color":"#3399CC"});
24. if (ui.newHeader.children("a").attr("href") !== undefined)
25.  if (ui.newHeader.children("a").attr("href").indexOf("f") == -1) {
26.  $.ajax({
27.  type: "GET",
28.  url: ui.newHeader.children("a").attr("href"),
29.  global: false,
30.  success: function(res) { alert(res); },
31.  error: function(xhr, status) { alert(status + ": " + xhr.responseText); }
32.  });
33.  var href = ui.newHeader.children("a").attr("href");
34.  href += "&f=1";
35.  ui.newHeader.children("a").attr("href", href);
36.  }
37. }

The manipulation of the href and stuff is required, but for the issue I'm telling [I guess] it doesn't matter.

Which is that the Accordion is incredibly slow and clumsy; anybody knows why or have any clues ??

jQuery version: 1.4.2

jQuery UI version: 1.8.1

The app is inside an intranet, if someone requires a live demo to test, I maybe could put a sample of that part only ...

Thank to all