我正在使用一个菜单在我的wesite中折叠javascript,当我点击名为member的标题时,成员列表必须显示为成员名为accordion.In firefox和chrome它工作得很好但是当我测试时IE8所有成员都在点击会员标题之前显示。可能有人帮助我这是浏览器兼容性问题或其他问题。希望我能尽快得到答案。
这是js页面中的功能。 //menu-collapsed.js
<script type="text/javascript">
function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});
</script>
和html页面是:
<html>
<head>
<script src="includes/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="includes/menu-collapsed.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var page={};
$(function() {
new FrontPage().init();
});
//]]>
</script>
</head>
<body>
<ul id="menu">
<li>
<?php
$mvo=new menuVO();
$mdao=new menuDAO();
$menus=$mdao->fetchAll('onlypublished');
foreach($menus as $menu)
{
if($menu->menu_type=='Member')
{
echo "<a href=\"#\">$menu->name</a>";
}
}
$mvo=new membersVO();
$mdao=new membersDAO();
$list=$mdao->fetchAll('onlypublished');
echo "<ul>";
foreach($list as $members)
{
echo "<li><span><a href=\"$members->url\">$members->name</a></span></li>";
}
echo "</ul>";
?>
</li>
</ul>
</body>
</html>