Jeg har lavet en collaps-menu på en asp.net side. Menu er lavet som et javascript.
Den virker perfekt i alle browsere, lige bortset fra Firefox. Her er den foldet ud hele tiden og kan ikke foldes sammen/ud.
Hvad har jeg gjort forkert?
Styles i header:
#Menu
{
width: 183px;
}
#Menu > p
{
color: #222222;
margin: 0;
padding-left: 10px;
cursor: pointer;
}
#Menu .section
{
padding-left: 15px;
padding-bottom: 5px;
}
a
{
display: block;
color: #222222;
padding-left: 15px;
}
Body:
<!--- collapse menu --->
<div id="Menu">
<p>Overskrift</p>
<div class="section">
<a href="#">Menu</a> <a href="#">Menu</a>
<a href="#">Menu</a>
</div>
<p>Overskrift</p>
<div class="section">
<a href="#">Menu</a>
<a href="#">Menu</a>
<a href="#">Menu</a>
</div>
<script type="text/javascript">
$(function () {
$("a").mouseover(function () { $(this).addClass("highlightRow"); })
.mouseout(function () { $(this).removeClass("highlightRow"); });
$(".section").hide();
$("#Menu > p").click(function () { $(this).next().slideToggle("Slow");
});
});
</script>
</div>
<!--- END collapse menu --->