15 years 1 month ago
I have installed and enabled both the jb_faq and J_library plugs and configured the module and the link to a dummy article that loads the plug but when I look at the page I have a second instance of the FAQ (including the script stuff) showing up below the original one.
I added some html inside the article that loads the plug and this shows in the first instance as it should but doesn't appear in the second instance. The second instance is breaking the toggle so that the div's toggle open and then close immediately. If I use firebug to remove the code for the second instance everything works ok.
Here is the code that is being produced:
<!--My Extra HTML -->
<h1>FAQ's<span></span></h1>
<div id="main">
<!-- end my stuff -->
<link rel="stylesheet" href="/Elimilice/www/modules/mod_jbfaq/faq/faq.css" type="text/css" />
<div class="faqtogglerdiv">
<a class="faqtoggler" href="#nogo">FAQ Question 1</a>
</div>
<div class="answer">FAq Anser 1<br />
</div>
<div class="faqClear"></div>
<div class="faqtogglerdiv">
<a class="faqtoggler" href="#nogo">FAQ Question 2</a>
</div>
<div class="answer"><p>sdfsdf saef saef asefaefaef af afe asfsefse</p>
<p>sef s</p>
<p>fs</p>
<p>sfs fsdfsefsef</p>
<p> sfsdfsef sfs efse</p>
</div>
<div class="faqClear"></div>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function () {
jQuery('div.answer,.bottom_controls').hide();
jQuery('a.hide').click(function(){
jQuery('div.answer').slideUp();
jQuery('.faqtogglerdiv a.faqtoggler').removeClass("open");
jQuery('.faqtogglerdiv a.faqtoggler').addClass("closed")});
jQuery('a.opener').click(function(){
jQuery('div.answer').slideDown();
jQuery('.faqtogglerdiv a.faqtoggler').toggleClass("open");
jQuery('.faqtogglerdiv a.faqtoggler').removeClass("closed")});
jQuery('a.opener').click(function(){jQuery('div.bottom_controls').fadeIn();});
jQuery('a.hide').click(function(){jQuery('div.bottom_controls').fadeOut();});
jQuery('.faqtogglerdiv a.faqtoggler').click(function(){
jQuery(this).parent('div').next('div').slideToggle();
jQuery(this).toggleClass("open");
return false;
});
});
</script>
<!--- End Joomla Bamboo FAQ -->
</div>
</div>
<link rel="stylesheet" href="/Elimilice/www/modules/mod_jbfaq/faq/faq.css" type="text/css" />
<div class="faqtogglerdiv">
<a class="faqtoggler" href="#nogo">FAQ Question 1</a>
</div>
<div class="answer">FAq Anser 1<br />
</div>
<div class="faqClear"></div>
<div class="faqtogglerdiv">
<a class="faqtoggler" href="#nogo">FAQ Question 2</a>
</div>
<div class="answer"><p>sdfsdf saef saef asefaefaef af afe asfsefse</p>
<p>sef s</p>
<p>fs</p>
<p>sfs fsdfsefsef</p>
<p> sfsdfsef sfs efse</p>
</div>
<div class="faqClear"></div>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function () {
jQuery('div.answer,.bottom_controls').hide();
jQuery('a.hide').click(function(){
jQuery('div.answer').slideUp();
jQuery('.faqtogglerdiv a.faqtoggler').removeClass("open");
jQuery('.faqtogglerdiv a.faqtoggler').addClass("closed")});
jQuery('a.opener').click(function(){
jQuery('div.answer').slideDown();
jQuery('.faqtogglerdiv a.faqtoggler').toggleClass("open");
jQuery('.faqtogglerdiv a.faqtoggler').removeClass("closed")});
jQuery('a.opener').click(function(){jQuery('div.bottom_controls').fadeIn();});
jQuery('a.hide').click(function(){jQuery('div.bottom_controls').fadeOut();});
jQuery('.faqtogglerdiv a.faqtoggler').click(function(){
jQuery(this).parent('div').next('div').slideToggle();
jQuery(this).toggleClass("open");
return false;
});
});
</script>
<!--- End Joomla Bamboo FAQ -->
Please help. thx!