Flere onclick til samme <div>
Hej! :-)Jeg har følgende lille script:
<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>
<style type="text/css">
.more {
display: none;
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
</style>
<!--- Link til onclick -->
<div>
<a href=# id=example-show class=showLink onclick=showHide('example');return false;><b>NYHEDER</b></a>
<!--- Tekst kommer frem -->
<div id=example class=more>
<?php Nyheder kommer frem ?>
</div>
</div>
Spørgsmålet er, hvordan jeg får flere overskrifter ved siden af NYHEDER, som man kan klikke på, og som så ERSTATTER teksten (nyhederne) i <div id=example class=more>
På forhånd tak :-)
