2 * Utility functions for jazzing up HTMLForm elements
7 * jQuery plugin to fade or snap to visible state.
9 * @param boolean instantToggle (optional)
12 $.fn
.goIn = function ( instantToggle
) {
13 if ( instantToggle
=== true ) {
14 return $(this).show();
16 return $(this).stop( true, true ).fadeIn();
20 * jQuery plugin to fade or snap to hiding state.
22 * @param boolean instantToggle (optional)
25 $.fn
.goOut = function ( instantToggle
) {
26 if ( instantToggle
=== true ) {
27 return $(this).hide();
29 return $(this).stop( true, true ).fadeOut();
33 * Bind a function to the jQuery object via live(), and also immediately trigger
34 * the function on the objects with an 'instant' parameter set to true
35 * @param callback function taking one parameter, which is Bool true when the event
36 * is called immediately, and the EventArgs object when triggered from an event
38 $.fn
.liveAndTestAtStart = function ( callback
){
40 .live( 'change', callback
)
41 .each( function ( index
, element
){
42 callback
.call( this, true );
49 // Animate the SelectOrOther fields, to only show the text field when
50 // 'other' is selected.
51 $( '.mw-htmlform-select-or-other' ).liveAndTestAtStart( function ( instant
) {
52 var $other
= $( '#' + $(this).attr( 'id' ) + '-other' );
53 $other
= $other
.add( $other
.siblings( 'br' ) );
54 if ( $(this).val() === 'other' ) {
55 $other
.goIn( instant
);
57 $other
.goOut( instant
);