jQuery ExamplesUsing the HTML Box to create jQuery Examples . Fade Toggle a HTML ElementUsing the jQuery JavaScript API in the HTML Box you can Fade Toggle HTML elements within Google Sites.
Toggle the Opacity on and off.
jQuery Method fadeToggle(); | HTML Box Example Code:Copy and paste the code below and Insert > HTML Box in your Google Sites webpage. jQuery Method Content to Fade Toggle jQuery ID Selector <script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js "></script> <button>FadeToggle</button> <div id="fade_toggle" ><img
src="https://chart.googleapis.com/chart?chst=d_simple_text_icon_left&chld=jQuery%7C14%7Cf30%7Cstar%7C24%7Cf30%7Cfff"></div> <script> $("button").click(function() { $("#fade_toggle").fadeToggle("slow", "linear"); }); </script> |
Google Sites Ninja > Google Sites jQuery >