I have replicated a toggle functionality from this site: http://www.williamsprofessionalpainting.com/FAQ.php
Here is the updated version which renders the basic toggle function with minimum CSS:
1
-
you tagged jquery but you dont use jqeury. In jquery this is very easy functionality. You can do it with the function toggle.Michael Koper– Michael Koper2011-03-11 23:42:19 +00:00Commented Mar 11, 2011 at 23:42
Add a comment
|
2 Answers
Your code is working fine, but jsFiddle is wrapping it in a function. In other words, it ends up looking something like:
window.onload = function() {
function ToggleFAQ(Ans) {
...
}
};
The function is defined within the onload handler, so when your onclick tries to call it, it doesn't exist.
If you change the drop-down on the top-left of your fiddle to "no wrap", it all works fine. See this modified version.
1 Comment
Paul
thanks for clueing me in about that, Im going to save that fiddle.
On your JSFiddle - if you change the wrap method to "no wrap(head)" and it simply works.
Alternatively - you can declare the function as a global var:
ToggleFAQ = function (Ans)
{
//..
}
what renders as
jQuery(document).ready(function(){
//when defined like this - ToggleFAQ will still be visible when the
//"ready" event finishes.
ToggleFAQ = function (Ans)
{
//..
}
}
the wrap you selected puts your code in a function passed to jQuery's "dom-ready" event - and that's a closure that once is executed - all local variables are "vaporized".
answered Mar 11, 2011 at 23:37
Radagast the Brown
3,4343 gold badges30 silver badges45 bronze badges