diff options
Diffstat (limited to 'demos/datepicker/animation.html')
| -rw-r--r-- | demos/datepicker/animation.html | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/demos/datepicker/animation.html b/demos/datepicker/animation.html index 7daf4bc6c..d493fad53 100644 --- a/demos/datepicker/animation.html +++ b/demos/datepicker/animation.html @@ -10,7 +10,11 @@ <script src="../bootstrap.js" data-modules="effect effect-bounce effect-blind effect-bounce effect-clip effect-drop effect-fold effect-slide"> $( "#datepicker" ).datepicker(); $( "#anim" ).on( "change", function() { - $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() ); + var value = $( this ).val(), + hideValue = $( this ).find( "option:selected" ).data( "hide" ); + $( "#datepicker" ) + .datepicker( "option", "show", value ) + .datepicker( "option", "hide", hideValue || value ); }); </script> </head> @@ -20,16 +24,15 @@ <p>Animations:<br /> <select id="anim"> - <option value="show">Show (default)</option> - <option value="slideDown">Slide down</option> - <option value="fadeIn">Fade in</option> + <option value="show">Fade in/out (default)</option> + <option value="slideDown" data-hide="slideUp">Slide down/up</option> <option value="blind">Blind (UI Effect)</option> <option value="bounce">Bounce (UI Effect)</option> <option value="clip">Clip (UI Effect)</option> <option value="drop">Drop (UI Effect)</option> <option value="fold">Fold (UI Effect)</option> <option value="slide">Slide (UI Effect)</option> - <option value="">None</option> + <option value="false">None</option> </select> </p> |