Jquery Meny Tabs

[Sk!ppy]

Hei.

 

Jeg har dene koden:

 

<script type="text/javascript">
function Set_Visible (sMenuItem) {
var Element = document.getElementById (sMenuItem);
Element.className = "showMenu";
}
</script>



			  <a class="ShowMenu" onclick="Set_Visible(1)" href="?p=hoved"><img src="style/images/menu/hovedside.png"></a>

			  <a class="ShowMenu" onclick="Set_Visible(2)" href=""><img src="style/images/menu/underholdning.png"></a>
			  <a class="ShowMenu" onclick="Set_Visible(3)" href=""><img src="style/images/menu/hjelpogsikkerhet.png"></a>
			  <a class="ShowMenu" onclick="Set_Visible(4)" href=""><img src="style/images/menu/oss.png"></a>
			  <a class="ShowMenu" onclick="Set_Visible(5)" href="?p=forum"><img src="style/images/menu/diskusjonsforum.png"></a>




 <div style="display: none;" id="2" class="ShowMenu">
<p>Lorem ipsum dolor sit amet.</p>
 </div>
 <div style="display: none;" id="3" class="ShowMenu">
<p>Sed do eiusmod tempor incididunt.</p>
 </div>
 <div style="display: none;" id="4" class="ShowMenu">
<p>Ut enim ad minim veniam</p>
 </div>

 

 

Hvordan skal jeg få den til å vise kun èn div om gangen, avhengig av hvilken link man klikker på?

[Kagee]

Du må få Set_Visible til å sette display til block for den du skal vise, og samtidig sette display til none for de du ikke skal vise.

Psuedocode:

set_visible(sMenuItem) {
for(alle Element som har classen ShowMenu) {
Element.style.display="none";
}

Element = document.getElementById (sMenuItem);
Element.style.display="block";

}

[Sk!ppy]

beklager at det tok litt lang tid, men det funket ikke? Hva skal jeg evt legge til i div'sa?

[Kagee]

Du sier det ikke fungerte - hva fungerte ikke? Er det mulig å få se den nye koden din ?

[Sk!ppy]

Eneste som er oppdatert er javascriptdelen, og jeg satt ID på div'sa til sMenuItem, prøvde med class og. Satt også id som sMenuItem(idnumber)