クリックしたら非表示するには？

質問

java初心者で、現在サイト作成しながら勉強している者なのですが、今、HPでindex.htmlとloaded.htmlがあります。
index.htmlの中のメニューボタンを押すとloaded.htmlを読み込んで表示するようにしています。
<script type="text/javascript">
$(function(){
$('a.outfilebt').each(function(){
$(this).click(function(){
var filename = this.name;
$('#load-contents').load( filename + '.html' );
$('#black_window').fadeIn();
});
});
</script>
で、読み込むことはできたのですが、もう一度同じメニューボタンを押すと消すようにするにはどう書けばいいのでしょうか？

回答No.2

LOHA

すみません、こっちの方が知りたかったことだと思われるので、連投します。

順番に関数を実行したい場合はtoggleを使います。
が、この関数は表示・非表示の切り替えにも使えるようなのでそのまま使えます。
$('#black_window').fadeIn();
を
$('#black_window').toggle();
とすればよいかと思います。

詳しくは以下のサイトをご覧下さい。
http://semooh.jp/jquery/api/effects/toggle/_/
http://semooh.jp/jquery/api/events/toggle/fn1%2C+fn2%2C+...%2C+fnN/

＞java初心者で
どうでもよいことですが、javaではなくjavascriptですね。

お礼

なんとかできることができました。
ありがとうございました。

補足

ありがとうございます。
できたのですが、これをフェードインで表示し、もう一度クリックしたらフェードアウトで消えるようにする場合はどのように書けばいいのでしょうか？

確かに、javaではなくjavascriptですね…
ごもっともです。

回答No.1

LOHA

jQueryですね。一応ライブラリ名・バージョンは書いておいた方が良いかと。

どういう構成になっているのか分かりかねるのですが、隠す場合はhideやfadeOutを利用すれば良いはずです。

例えば以下のような感じです。
$('#black_window').fadeOut();
＃これがやりたい事に相当するかは分かりませんが・・・

どの要素を隠したいのか、やHTMLのソースの方もあれば、もっと具体的な回答がでると思います。