<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('dd').css("display", "none");
$("dt").click(function () {
if ($(this).next().children(0).children().length != 0) {
$(this).next().slideToggle("slow");
}
return false;
});
});
</script>
</head>
<body>
<dt>メニュー１</dt>
<dd>
<ul>
<li>サブメニュー１</li>
<li>サブメニュー２</li>
<li>サブメニュー３</li>
</ul>
</dd>
<dt>メニュー２</dt>
<dd>
<ul>
<li>サブメニュー１</li>
<li>サブメニュー２</li>
<li>サブメニュー３</li>
</ul>
</dd>
</body>
</html>
0 件のコメント:
コメントを投稿