Salve ragazzi, questo è il mio primo messaggio sul forum, e spero di fare tutto correttamente.
Vi spiego il mio problema, dovrei semplicemente visualizzare un determinato div, quando clicco su un divo e farlo sparire successivamente.
Un operazione molto semplice, ma non riesco a venirne proprio a capo, vi posto il codice html e j query.
Logicamente le regole css di #textlink sono basilari di aspetto, con un posizionamento assoluto, e la regola display:none:
Copio sia il codice del fadeIn che la funzione che mi permette, di aggiungere man mano, una classe, poichè i link legati ad ogni singola pagina dovrebbero apparire insieme a menuAttivo
codice:
$(".anim4").click(function(e) {
$("#textlink2").fadeIn(4000);
});
$(".anim2").click(function(e) {
$("#textlink").fadeIn(4000);
});
$(".anim3").click(function(e) {
$("#textlink3").fadeIn(4000);
});
$(".att").click(function(e) {
if(!$(this).hasClass("menuAttivo")){
$(".att").removeClass("menuAttivo");
$(this).addClass("menuAttivo");
}
e.preventDefault();
});
codice:
<div id="coll"><div class="subpage" id="textlink" >
<h1><a href="../demo2.html">Title1, example lorem ipsum generatore di testo.</a></h1>
</div>
<div class="subpage" id="textlink3" >
<h1><a href="../demo2.html">Title1, example lorem ipsum generatore di testo.</a></h1>
</div>
<div class="subpage" id="textlink2" >
<h1><a href="../demo2.html">Title1, example lorem ipsum generatore di testo.</a></h1>
</div>
</div>
<div id="contimg">
<a href="js/ond.mp4" class="anim playlist-btn"><div id="apDiv1" class="att menuAttivo"></div></a>
<a href="js/ond2.mp4" class="anim2 playlist-btn"><div id="apDiv2" class="att"><a href="#textlink"></a></div></a>
<a href="js/ond3.mp4" class="anim3 playlist-btn"><div id="apDiv3" class="att"></div></a>
<a href="js/ond4.mp4" class="anim4 playlist-btn"><div id="apDiv4" class="att"></div></a>
</div>
Spero abbiate capito cosa intendo, purtroppo sto scrivendo con molta ansia perchè devo consegnare a breve, spero mi possiate aiutare