ボタンにあたる画像が押されたら表示(領域も)消す

Question

Javascript勉強中です。

現在、画像で作ったボタン（以下①）の下にliタグによるテキストが5つ（以下②）あります。
そのリストタグの下にはまた大きい画像（以下③）があります。

①が1回押されると②が消え、かつ領域もなくなった状態で③が①の真下に来るように処理をしたいです。

そのため色々なサイトを参考に自分なりにコードを書いてみましたがうまくいかない状態です。

HTML

<div class="btn"> <img src="picbutton.jpg"> </div> <div class="onofflist"> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> </div> <div class="bigpic"> <img src="12359.jpg"> </div>

Javascript

<script type="text/javascript"> $(function(){ // ①が押されたとき $(".btn").click(function(){ // ②が現在表示中だった場合 // ②を非表示かつ領域削除する処理をしたい } }); }); </script>

という感じです。
Javascriptの最後
// ②が現在表示中(.dispon)だった場合
// ②を非表示かつ領域削除する処理をしたい
というところに何か入れるのでしょうが、わからない状態です。

お手数をおかけして申し訳ございません。
ご教授頂ければと思います。
宜しくお願い致します。

Answer 1

こんにちは。

非表示にするなら、toggle()が使えるかと思います。
jQuery：jQueryを使用して<div>要素の表示・非表示

また、タグ自体を消してしまうなら、remove()することもできます。
jQueryでDOM要素の削除

Comments

[takeaduma]

ありがとうございます！
非表示にしたかったのでtoggle()を使用しました。
助かりました。
ありがとうございます！