html - Javascript function does not work :/ -
this question has reply here:
$(document).ready not working 5 answers jsfiddle code not working in regular browser 4 answersthis piece of code trying create expander button. re-create paste jsfiddle. why on jsfiddle not work on browser?
<!doctype html> <html> <body> <input type="button" id="button-1" value="(click here more information)"><br> <p id="special1"> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p> <script> alert(0); $(document).ready(function(){ var count = 0; alert(1); $("#special1").hide(); $("#button-1").click(function(){ count++; if(count % 2 != 0){ $("#special1").show(); }else{ $("#special1").hide(); } }) }) </script> </body> </html>
you have not loaded jquery anywhere in page. jsfiddle loads you.
add script tag it:
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> if in browser's error console, saying undefined not function because $ not defined anywhere.
javascript html expand
No comments:
Post a Comment