Trying to wrap a function in ".find"

Trying to wrap a function in ".find"

I have a jQuery accordion on my site which is loaded into a div by AJAX after the main page has loaded.

The jQuery library is loaded when the main page is loaded and unless I include the library again just above the code I've shown below, the accordion does not work.

The code below is loaded with the AJAX content and is situated below the accordions' HTML.

I believe that when the library is loaded and the document is ready, a "find" is initiated automatically, but I don't want the extra overhead of loading the library again in the newly retrieved accordion. The question is, how do I make find run after the accordion has been loaded?

Here's the code:
  2. <script type="text/javascript">
  3. //<![CDATA[
  4. $(function() {
  5. $('ul#accordion li>div:first-child, ul#accordion li div:nth-child(2)').click(function() {
  6. if ($(this).parent('li').hasClass('current')) {
  7. //an open drawer was clicked
  8. $(this).siblings(':nth-child(3)').slideToggle('slow', function() {
  9. $(this).parent('li').toggleClass('current');
  10. $(this).parent('li').children('div:nth-child(2)').toggleClass('expand collapse');
  11. });
  12. } else {
  13. // A closed drawer was clicked.
  14. that = this;
  15. // Check to see if there are any open drawers.
  16. if ($('ul#accordion li').hasClass('current')) {
  17. // Other drawers were open, so do this.
  18. $('ul#accordion li.current div.content').slideToggle('slow', function() {
  19. $('ul#accordion li.current').children('div:nth-child(2)').toggleClass('expand collapse');
  20. $('ul#accordion li.current').toggleClass('current');
  21. // Open the drawer.
  22. $(that).siblings(':nth-child(3)').slideToggle('slow', function() {
  23. $(this).parent('li').toggleClass('current');
  24. $(this).parent('li').children('div:nth-child(2)').toggleClass('expand collapse');
  25. });
  26. });
  27. } else {
  28. // Open the drawer.
  29. $(that).siblings(':nth-child(3)').slideToggle('slow', function() {
  30. $(this).parent('li').toggleClass('current');
  31. $(this).parent('li').children('div:nth-child(2)').toggleClass('expand collapse');
  32. });
  33. }
  34. }
  35. });

  37. // Now find the Go button
  38. $('#goContBtn').click(function() {
  39. // Validate forms.
  40. // Check whether the following required fields have been completed.
  41. var err = "", checked, value, that, name, id, desc, skip;
  42. $('.required').each(function(index) {
  43. // Get input name for use later
  44. name = "";
  45. id = "";
  46. desc = "";
  47. that = $(this);
  48. if($(this).is(":radio")) {
  49. // check whether any radio of same name is checked
  50. name = $(this).attr('name');
  51. $('ul#accordion input:radio[name^='+name+']').each(function(index) {
  52. //alert("checking radio '"+name+"'");
  53. if($(this).is(":checked")) {
  54. checked = 1;
  55. }else{
  56. value = $(this).val();
  57. //alert("radio '"+name+"' was not checked. The value was '"+value+"'.");
  58. value = "";
  59. }
  60. });
  61. if (checked != 1) {
  62. // Not checked, so append error message.
  63. id = $(this).attr('id');
  64. desc = $('ul#accordion label[for$='+id+']').text();
  65. err +="<p><b>'"+desc+"'</b> has not been chosen.</p>\n";
  66. }
  67. checked = "";
  68. } else {
  69. // not radio - must be a text field.
  70. // check to see if it has content
  71. if ($(this).val() == "") { // check if field was completed or not
  72. // It wasn't so append error message.
  73. id = $(this).attr('id');
  74. // deal with TIN where only the first text input is linked to the label.
  75. if ((id.indexOf('f8_') > -1 ) || (id.indexOf('f9_') > -1 ) || (id.indexOf('f10_') > -1 ) || (id.indexOf('f11_') > -1 )) {
  76. if (err.indexOf('Company TIN') < 0 ) { // if 'Company TIN' is not already flagged in err.
  77. desc="Company TIN";
  78. }else{
  79. skip = 1;
  80. }
  81. }else{
  82. desc = $('ul#accordion label[for='+id+']').text();
  83. }
  84. if (skip !== 1) {
  85. err += "<p><b>"+desc+"</b></p>\n";
  86. }
  87. skip = "";
  88. }
  89. }
  90. });
  91. if (err != "") {
  92. toggleHelp('hide');
  93. $('#valMsg').css('visibility', 'visible');
  94. $('#goContBtn').addClass('failedValidation');
  95. var valMsg = "<h2>Errors Were Found!</h2>\n\n <b>The following fields need setting:</b>\n<div>"+err+"\n</div>\n";
  96. $('#valMsg').html(valMsg);
  97. //alert(err);
  98. }else{
  99. alert('Congrats - Passed Validation.');
  100. $('#goContBtn').addClass('neutral');
  101. toggleHelp('show');
  102. }
  103. });
  104. });


  107. $(function() {
  108. // add tooltip stuff
  109. $('ul#accordion li div:nth-child(2), ul#accordion li div:first-child').attr('title', 'click to toggle open/close');
  110. $('ul#accordion li div:first-child').addClass('instruct\-tt');
  112. // initialize accordion
  113. $('ul#accordion li div.content').slideUp('slow', function($) {});
  114. $('ul#accordion li div:nth-child(2)').addClass('expand instruct\-tt');
  115. $('ul#accordion li.default div.content').slideDown('slow', function() {
  116. $(this).parent().addClass('current');
  117. $('ul#accordion li.default div:nth-child(2)').toggleClass('collapse expand instruct\-tt');
  118. });

  120. // format the go button with default formatting
  121. $('#goContBtn').addClass('neutral');
  122. }); 
  123. //]]>
  124. </script>

Many thanks.


Peter
A Linux Admin

Willing to help maintain Linux servers remotely for a tiny consideration into my Paypal account :-)