jQuery日本語リファレンス

要素の表示/非表示を、関数が呼び出される度にアニメーション付きで切り替えます。
同時に、アニメーション終了時に呼び出されるコールバック関数を指定することもできます。

アニメーションは、高さ、横幅、透明度が指定された速度で徐々に消えていく形になります。
jQuery1.3からは、各要素の padding や margin の値も同時に変化するようになりました。

サンプル

サンプル1

<button>Toggle 'em</button>
<p>Hiya</p>
<p>Such interesting text, eh?</p>

$("button").click(function () {
 $("p").toggle(2000);
});

[フレーム]

サンプル2

<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>

$("button").click(function () {
 $("p").toggle("slow");
});

[フレーム]

API Search:

• add(expr)
• addClass(class)
• after(content)
• ajaxComplete( callback )
• ajaxError( callback )
• ajaxSend( callback )
• ajaxStart( callback )
• ajaxStop( callback )
• ajaxSuccess( callback )
• ancestor descendant
• andSelf()
• animate(params, [duration], [easing], [callback])
• animate(params, options)
• append(content)
• appendTo(content)
• attr(key,fn)
• attr(key,value)
• attr(name)
• attr(properties)
• before(content)
• bind(type, [data], fn)
• blur()
• blur(fn)
• change()
• change(fn)
• children([expr])
• click()
• click(fn)
• clone()
• clone(true)
• closest([expr])
• contents()
• context
• css(name)
• css(name, value)
• css(properties)
• dblclick()
• dblclick(fn)
• dequeue()
• die([type], [fn])
• each(callback)
• element
• empty()
• end()
• eq(index)
• eq(position)
• error()
• error(fn)
• fadeIn([speed], [callback])
• fadeOut([speed], [callback])
• fadeTo(speed, opacity, [callback])
• filter(expr)
• filter(fn)
• find(expr)
• focus()
• focus(fn)
• get()
• get(index)
• hasClass(class)
• height()
• height(val)
• hide()
• hide(speed, [callback])
• hover(over, out)
• html()
• html(val)
• index(subject)
• innerHeight()
• innerWidth()
• insertAfter(content)
• insertBefore(content)
• is(expr)
• jQuery(callback)
• jQuery(elements)
• jQuery(expression, context)
• jQuery(html, [ownerDocument])
• jQuery.ajax(options)
• jQuery.ajaxSetup( options )
• jQuery.boxModel
• jQuery.browser
• jQuery.browser.version
• jQuery.data(elem)
• jQuery.data(elem, name)
• jQuery.data(elem, name, value)
• jQuery.each(object, callback)
• jQuery.extend(object)
• jQuery.extend(target, object1, [objectN])
• jQuery.fn.extend(object)
• jQuery.fx.off
• jQuery.get( url, data, callback )
• jQuery.getJSON( url, data, callback )
• jQuery.getScript( url, callback )
• jQuery.grep(array, callback, [invert])
• jQuery.inArray(value, array)
• jQuery.isArray(obj)
• jQuery.isFunction(obj)
• jQuery.makeArray(obj)
• jQuery.map(array, callback)
• jQuery.noConflict()
• jQuery.noConflict(extreme)
• jQuery.param(obj)
• jQuery.post( url, data, callback, type )
• jQuery.removeData(elem)
• jQuery.removeData(elem, name)
• jQuery.support
• jQuery.trim(str)
• jQuery.unique(array)
• keydown()
• keydown(fn)
• keypress()
• keypress(fn)
• keyup()
• keyup(fn)
• length
• live(type, fn)
• load( url, data, callback )
• load(fn)
• map(callback)
• mousedown(fn)
• mousemove(fn)
• mouseout(fn)
• mouseover(fn)
• mouseup(fn)
• next([expr])
• nextAll([expr])
• not(expr)
• offset()
• one(type, [data], fn)
• outerHeight([options])
• outerWidth([options])
• parent> child
• parent([expr])
• parents([expr])
• position()
• prepend(content)
• prependTo(content)
• prev + next
• prev ~ siblings
• prev([expr])
• prevAll([expr])
• queue()
• queue(callback)
• queue(queue)
• ready(fn)
• remove([expr])
• removeAttr(name)
• removeClass(class)
• replaceAll(selector)
• replaceWith(content)
• resize(fn)
• scroll(fn)
• scrollLeft()
• scrollLeft(val)
• scrollTop()
• scrollTop(val)
• select()
• select(fn)
• selector
• selector1, selector2, ..., selectorN
• serialize( )
• serializeArray( )
• show()
• show(speed, [callback])
• siblings(expr)
• size()
• slice(start, [end])
• slideDown([speed], [callback])
• slideToggle([speed], [callback])
• slideUp([speed], [callback])
• stop()
• submit()
• submit(fn)
• text()
• text(val)
• toggle()
• toggle(fn1, fn2, ..., fnN)
• toggle(speed, [callback])
• toggle(switch)
• toggleClass(class)
• toggleClass(class, switch)
• trigger(type, [data])
• triggerHandler(type, [data])
• unbind([type], [data])
• unload(fn)
• val()
• val(val)
• width()
• width(val)
• wrap(elem)
• wrap(html)
• wrapAll(elem)
• wrapAll(html)
• wrapInner(elem)
• wrapInner(html)
• #id
• *
• .class
• :animated
• :button
• :checkbox
• :checked
• :contains(text)
• :disabled
• :empty
• :enabled
• :eq(index)
• :even
• :file
• :first
• :first-child
• :gt(index)
• :has(selector)
• :header
• :hidden
• :image
• :input
• :last
• :last-child
• :lt(index)
• :not(selector)
• :nth-child(index/even/odd/equation)
• :odd
• :only-child
• :parent
• :password
• :radio
• :reset
• :selected
• :submit
• :text
• :visible
• [attribute!=value]
• [attribute$=value]
• [attribute*=value]
• [attribute=value]
• [attribute]
• [attribute^=value]
• [selector1][selector2]...[selectorN]