ボタンを押すと、ボックスが開閉して、
しかもボタンの画像が変わるっていうのを作りたくて、jqueryで以下のように作りました。


js
$(".hogehoge").toggle(
function() {
$(this).attr('src', 'images/bbb.png');
$(".hogehoge2").css("display","block"); 
},
function() {
$(this).attr('src', 'images/aaa.png');
$(".hogehoge2").css("display","none"); 
}
);

html
<img src="images/aaa.png" class="hogehoge">
<div class="hogehoge2">
ここにいろいろ書いておく
</div>
 
ボタンとなるaaa.pngにclass="hogehoge"をつけておきます。

js側では、hogehogeをクリックするたびに処理を交互に行うように
toggle()を使う。

 クリックすると、
 class="hogehoge"のついたボタン画像を切り替えつつ、同時に
class="hogehoge2"のdivをオープンにする。

（あらかじめ、hogehoge2はdisplay:noneにしておくこともわすれずに）