style=display:none

[JRizz]

Ho questo semplice codice HTML

<a href=#>Links</a> 

<div id="link" style="display:none;">
Sport 

Tempo libero 

</div>

<a href=#>News</a> 

<div id="news" style="display:none;">
Oggi

Archivio

</div>


<a href=#>Motori</a> 


<div id="motori" style="display:none;">
Google

Virgilio

</div>

ho impostato i vari <div> con display:none in modo che non si vedano.
Ora vorrei però fare in modo che cliccando su news appaia il <div> relativo su Motori il div motori etc.

Sono sicuro che ci vuole javascript vero?

[WarriorXP]

Va bene anche il DHTML.

[JRizz]

Immaginavo, ma penso che DHTML mi faccia del codice troppo lungo.

Volevo qualcosa di più semplice, anche perchè le varie voci del menù verranno ricavate da un database e quindi possono cambiare nel numero e nel nome.

Hai qualche idea concreta (riga di codice) per quello che ti ho postato?

Grazie

[flanza]

Qualcosa del genere?

Primo
<div style="display:none" id="primo">ppp</div>

[JRizz]

Grazie mille è proprio quello che cercavo.

E per far sparire i div block quando clicco su un'altro link?

Forse ti chiedo troppo :maLOL:

[sms]

vedi
non vedi
<div style="display:none" id="primo">ppp</div>

ciao!

[antos]

prova con qualcosa del genere

<style type="text/css" >
  .hidden{display:none;}
</style>
<script type="text/javascript">
    var oldObj=null; 
    function showHide(obj){
       if(oldObj!=null)
         document.getElementById(oldObj).style.display='none';
       document.getElementById(obj).style.display='block';
       oldObj=obj;
    }
</script>

News 
<div id="news" class="hidden">
Oggi

Archivio

</div>