jQuery API の show() は、指定した要素が非表示の場合、その要素を表示させるメソッド。
記述方法
jQuery( セレクター ) . show();
「セレクター」の要素が非表示の場合、「セレクター」の要素を表示。
実装例（サンプル）
show() ボタンをクリックすると: 出現
実装例（サンプル）の動作について
「 show() 」ボタンをクリックすると、「show() ボタンをクリックすると: 」の右側に、「出現」という赤色のテキストを表示する。
実装例（サンプル）のソースコード
JavaScript
<script>
<!--
jQuery( function() {
jQuery( '#jquery-api-effects-show' ) . click( function() {
jQuery( '#jquery-api-effects-show-contents' ) . show();
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-effects-show' ) . click( function() {
jQuery( '#jquery-api-effects-show-contents' ) . show();
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-api-effects-show-contents {
display: none;
color: red;
}
-->
</style>
<!--
#jquery-api-effects-show-contents {
display: none;
color: red;
}
-->
</style>
HTML
<p><button id="jquery-api-effects-show">show()</button></p>
<p>show() ボタンをクリックすると: <span id="jquery-api-effects-show-contents">出現</span></p>
<p>show() ボタンをクリックすると: <span id="jquery-api-effects-show-contents">出現</span></p>