javascript - Quick jQuery question on toggle events -
hey all, i'm using jquery ui div toggles on , off screen. on document load div object on screen. works great wondering if there way set hidden on document load, user have ability click button make appear. tried having function run on document.ready didnt seem work. here code directly jqueryui. help!
$(function() { // run selected effect function runeffect() { // effect type var selectedeffect = "slide"; // effect types need no options passed default var options = {}; // effects have required parameters if ( selectedeffect === "scale" ) { options = { percent: 0 }; } else if ( selectedeffect === "size" ) { options = { to: { width: 200, height: 60 } }; } // run effect $( "#effect" ).toggle( selectedeffect, options, 500 ); }; // set effect select menu value $( "#button" ).click(function() { runeffect(); return false; }); });
put in css. set hidden default.
#effect{ display:none; }
Comments
Post a Comment