caricare contenuti nidificati jquery

pettedemon

caricare contenuti nidificati jquery

Ciao a tutti,
ho una funzione in javascript per far apparire un contenuto a seconda del tasto che io clicco.
cliccando su "primo" mi appare "pulsante per terza" .. cliccando su quest'ultimo nella terza colonna mi dovrebbe apparire un altro contenuto..... perchè non lo fa ?

[PHP]<html>
<head>
<title>jQuery test page</title>
<script type="text/javascript" src="js/jquery.js"></script>

$(document).ready(function() {
$("#changeText").click(function() {
$("#terzo").html("My text is changed!");
});

$("#changeText2").click(function() {

$("#secondo").html('seconda colonna');
});

$("#changeText4").click(function() {

$("#terzo").html('terza colonna');
});

$("#changeText3").click(function() {
$("#secondo").html('<a id="changeText4">pulsante per terza</a>');

});

});
</script>

</head>
<body>

<div id="primo" style="float:left; width:200px; height:100px;">
<a id="changeText3">primo</a><br>
<a id="changeText2">secondo</a><br>

</div>
<div id="secondo" style="float:left; width:200px; height:100px;"></div>
<div id="terzo" style="float:left; width:200px; height:100px;">

</div>
<div id="quarto" style="float:left; width:200px; height:100px;">

</div>

</body>
</html>[/PHP]

dotcom

Può darsi perché l'elemento con id="changeText4" non esiste nell'albero DOM finché non si fa click sull'elemento con id="changeText3". Prova a spostare il binding all'evento click per changeText4 all'interno di changeText3.


    $("#changeText3").click(function() {
        $("#secondo").html('<a id="changeText4">pulsante per terza</a>');
        $("#changeText4").click(function() {
            $("#terzo").html('terza colonna');
        });
    });

Se ho ben capito cosa vuoi fare...

pettedemon

Perfetto,
è quello che volevo!
Se io adesso volessi aggiungere un effetto di fadeIn/show all'apparizione del menu, in più in alucne voci dovrebbero scomparire tutti i div caricati altrimenti rimangono sempre fuori, come posso fare ?
Ho provato ad aggiungere nel codice nell'effetto ma alcuni vanno altri no...

[PHP]<script type="text/javascript">

$(document).ready(function() {
$("#changeText").click(function() {
$("#terzo").html("My text is changed!");
});

$("#changeText2").click(function() {

$("#secondo").html('seconda colonna');
$("#terzo").fadeOut('300');

});

$("#changeText4").click(function() {

$("#terzo").html('terza colonna');
});

$("#changeText3").click(function() {

    $("#secondo").html('<a id="changeText4">pulsante per terza</a>');
    $("#changeText4").click(function() {
									  $("#terzo").show('300');
        $("#terzo").html('terza colonna');
    });
});

});
</script> [/PHP]

dotcom

Scusa, non so risponderti, perché non mi è ben chiaro cosa vuoi ottenere e come deve funzionare il tutto.

pettedemon

Ciao,
praticamente vorrei fare un menu, a comparsa con i div, se vuoi te lo posso fare in flash per farti vedere cosa intendo.
Clicco su una voce e si carica un div, clicco su un'altra e si carica altro div, naturalmente scompare i div precedentemente caricati....

Grazieee!

pettedemon

Ecco qui ti posso mettere un esempio

pette.it/forum/menu_t.png

È un sito dove ho postato l'immagine.

Grazie