I’m not sure anyone else actually addressed your question directly which is code being viewed from the browser’s View Source command. As other have said, there is no way to protect javascript intended to run in a browser from a determined viewer. If the browser can run it, then any determined person can view/run it … Read more
The problem you’re having is that the event-handlers are being bound before the elements are present in the DOM, if you wrap the jQuery inside of a $(document).ready() then it should work perfectly well: An alternative is to place the <script></script> at the foot of the page, so it’s encountered after the DOM has been loaded and ready. To … Read more
You can set its visibility property to hidden. Here is a little demonstration, where one button is used to toggle the other one: