jQueryでドロップダウンメニューができない

質問

jQueryの参考書をみながらドロップダウンメニューを実装しようとしたのですが
うまくいきません。
締切が迫って焦っております。
<ul class="main">
<li><a href="index.html">メインA</a></li>
<li><a href="concept.html">メインA</a></li>
<li><a href="service.html">メインA</a>
<ul class="sub">
<li><a href="">サブ1</a></li>
<li><a href="">サブ2</a></li>
<li><a href="">サブ3</a></li>
<li><a href="">サブ4</a></li>
<li><a href="">サブ5</a></li>
</ul>
</li>
<li><a href="faq.html">メインA</a></li>
<li><a href="access.html">メインA</a></li>
</ul>

ｃｓｓは
.main {
clear:both;
width:830px;
height:42px;
margin:0 auto;
list-style-type:none;
}
ul .main li {
width:166px;
height:42px;
float:left;
position:relative;
background:url(../../img/index/btn.png);
}
.main li a {
display:block;
width:100%;
height:100%;
padding:10px 0 0 40px;
font-size:14px;
font-weight:bold;
color:#333333;
text-decoration:none;
line-height:1.5em;
}
ul .sub{
display:none;
}

scriptは
<script type="text/javascript">
$(function(){
$("ul.main li").hover(function(){
$(">ul:not(:animated)",this).slideDown("fast");
},
function(){
$(">ul",this).slideUp("fast");
})
})

</script>
です。いろいろ試行錯誤したのですがドロップダウンメニュ－が表示されず
困っています。何か見落としがあるのでしょうか。よろしくお願いいたします。

回答No.1

ggggggggggg hhhhhhhhhhh（@tasketeqq1） · ベストアンサー

そっくりコピーしてやってみたら、正常に動作しますよ。
書いてないのでわかりませんが、何か環境の問題ではないですか。

似たようなのがありましたので参考にしてみたらどうでしょう。
http://timeismoney.xyz/pg/js04.html

お礼

解決しました！コードそのものは問題ありませんでしたが
まちがってリンクさせたscriptファイルのコードにも<script type="text/javascript">
を書いていたのが原因だったようです。
<script type="text/javascript">のタグを消したら動作しました。
お早い回答ありがとうございました。