jQueryにてアコーディオン機能実装について

質問

皆様、いつもお世話になります。

現在jQueryを使ったアコーディオン機能の実装を勉強しています。
下記、サイトを参考に実装してみたのですが、要望どおりの挙動にならず困っています。

【参考サイト】
http://web-pc.net/jquery010

【質問内容】
ページロード時に、全てのリストが開いてしまっている。
要望する挙動は以下ページのとおり、ページロード時は全てのリストが閉まっている状態にしたい。
http://sample.web-pc.net/accordion/#

ソースは以下のとおりです。
【javascript】
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
$(".schedule_list dt").click(function(){
$(this).next("dd").slideToggle();
$(this).children("div").toggleClass("open");
});
});
</script>

【HTML】
<div>
<dl class="schedule_list">
<dt>
<div>
<span>
<span>★</span>
<span>▲▲</span>
<span>画像</span>
</span>
</div>
</dt>
<dd>
<div>
<table>
<tr>
<td>
<img src="▲">
</td>
　　　<td>
<div>
<a href=""><img src="▲" /></a>
</div>
　　　　　　　　　</td>
</tr>
</table>
</div>
</dd>
</dl>
</div>

【CSS】
dl.schedule_list
{
display:block;
}
dl.schedule_list dt div { width:546px; height:61px; display:block; background-image:url(★);}
dl.schedule_list dt div.open { width:546px; height:61px; display:block; background-image:url(★);}

以上です。

どなたかお詳しい方ご教授のほどよろしくお願いいたします。

開発環境：
MacOSX yosemite
Dreamweaver CC
Safari8.0

回答No.1

Taiyonoshizuku · ベストアンサー

良く見てないけどddのdisplay: none;が無いからじゃないの？

自分でカスタマイズしたいなら、まずは全部をコピーしてきてからカスタマイズしたほうがいいよ。

お礼

ご指摘とおりできました！

>自分でカスタマイズしたいなら、まずは全部をコピーしてきてからカスタマイズしたほうがいいよ。
今後からそうします。。

ありがとうございました！