Come far scomparire un div???

**magozeta** · 20-10-2007, 09:00

Ciao ragazzi speriamo che mi possiate aiutare...

Io ricavo alcuni record da un database in asp e faccio un ciclo per stamparli.
Vi posterò la parte di codce che fa questo.... Per semplificare... stampa alcune news una dopo l'altra.
Appena si carica la pagina ci si trova con una data, titolo e introduzione della news. quando poi clicco sul titolo si espande un altro div che carica il testo nella news.

Il mio problema è che vorrei che sparisse il div dell'introduzione della news e apparisse quella del testo intero. invece cosi il div dell'introduzione rimane e il div del testo della news si attacca sotto. come posso fare grazie mille

<div id="click-menu2" class="click-menu">
<%
do while not(rs.eof)
%>

<div class="post boxed">
<div class="box1">
<h3 class="title"><%=rs("Data") %>

<u><%=rs("Titolo") %></u>
</h3>
</div>

<div class="story"><%=rs("Intro") %>

<u>Clicca sul titolo per leggere tutta la notizia</u></div>

<div class="section"> '''''QUESTO DIV QUANDO CLICCO SUL TITOLO SI ESPANDE
<div class="story"><div class="box2">

Stampa notizia intera(attraverso un apposito comando asp)</p>
</div>
</div>
</div>

<div class="meta">
<p class="date"> </p>
</div>
</div>

<%
rs.movenext
loop
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>
</div>
<script type="text/javascript">
var clickMenu2 = new ClickShowHideMenu('click-menu2');
clickMenu2.init();
</script>

**magozeta** · 20-10-2007, 14:04

**kentaromiura** · 20-10-2007, 14:49

eccoti un esempio di cosa vuoi far tu:

Codice PHP:


<html>

<head>

<style type="text/css">

.news div{display:none;}

</style>

<script type="text/javascript">

onload=function(){

 var cn = "class";

/*@cc_on

cn = "className";

@*/

 var news = document.getElementsByTagName("span");

for(var i=0,max=news.length;i<max;i++){

 if (news[i].getAttribute(cn) == "news"){

  news[i].getElementsByTagName("h3")[0].onclick = function(){

    this.style.display="none";

    this.parentNode.getElementsByTagName("div")[0].style.display="block";

  }

 }

}



}

</script>

</head>

<body>

<span class="news">

<h3>risultati elezioni</h3>

<div>Saibal è il nuovo Presidente del Consiglio della Repubblica Italiana</div>

</span>

<span class="news">

<h3>fine del campionato</h3>

<div>Quest anno la jùventus è stata retrocessa in serie C2</div>

</span>

<span class="news">

<h3>ipsu</h3>

<div>lorem dolor sit amet</div>

</span>

</body>

</html>

Discussione: Come far scomparire un div???

Strumenti discussione

Ricerca discussione

Visualizza

Come far scomparire un div???

Permessi di invio