Hej Hej Annascript hjälp
Jag har ett JavaScript som ser ut som nedan. Jag skulle dock vilja att varje gång man klicka på ny en rubrik så stängs den som tidigare varit öppen. Hoppas ni förstår vad jag menar.(?)
<body>
<script>
function menu(obj) {
if(obj.style.display=='none') {
obj.style.display=''
}
else obj.style.display='none'
}
</script>
<span onClick="menu(meny1)" style="cursor: hand">Rubrik 1</span><br>
<span style="display: none" id="meny1">
<table width="100%" border="0" cellspacing="0">
<tr>
<td>Underrubrik1</td>
</tr>
</table>
<br>
</span>
<span onClick="menu(meny2)" style="cursor: hand">Rubik 2</span><br>
<span style="display: none" id="meny2">
<table width="100%" border="0" cellspacing="0">
<tr>
<td>Underrubrik2</td>
</tr>
</table>
</span>
</body>
</html>Sv: script hjälp
Så här kan du göra:
<code>
<body>
<script>
function menu(obj) {
// Lägg till en rad för varje meny
// Det finns säker någon sätt att loopa detta, men det fungerar iaf.
fixMenu(meny1, obj)
fixMenu(meny2, obj)
}
function fixMenu(obj, obj2) {
var visible;
visible = (obj==obj2);
if ( visible ) {
obj.style.display=''
} else {
obj.style.display='none'
}
}
</script>
<span onClick="menu(meny1)" style="cursor: hand">Rubrik 1</span><br>
<span style="display: none" id="meny1">
<table width="100%" border="0" cellspacing="0">
<tr>
<td>Underrubrik1</td>
</tr>
</table>
<br>
</span>
<span onClick="menu(meny2)" style="cursor: hand">Rubik 2</span><br>
<span style="display: none" id="meny2">
<table width="100%" border="0" cellspacing="0">
<tr>
<td>Underrubrik2</td>
</tr>
</table>
</span>
</body>
</html>
</code>
// MvH Björne