Correzione script...

  • Creatore Discussione Creatore Discussione pollat
  • Data di inizio Data di inizio

pollat

Utente Attivo
10 Ott 2013
63
0
6
Ho uno script che mi fa apparire un div cliccando un link "Apri", e funziona bene: il div si apre e trasforma il testo del link in "Chiudi".
L'unico inconveniente è che ricliccando su "Chiudi" il div si chiude ma il testo del link rimane con il testo "Chiudi" senza che riappaia il testo di partenza "Apri".
Come posso trasformare lo script inserndo questa funzionalità (ossia che alla chiusura del div il testo del link si trasformi in "Apri") ????

Lo script è il seguente

HTML:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#box_nascosto_2').hide();

jQuery('#mostra_box_2').click(function(){ 
jQuery('#box_nascosto_2').slideToggle(600);
$(this).text('Chiudi');
return false;
});
});
</script>
 
Ho scoperto che combinando questi questi due script mi viene il giusto effetto di cui parlavo sopra

HTML:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#box_nascosto_1').hide();
jQuery('#mostra_box_1').click(function({
jQuery('#box_nascosto_1').slideToggle(600);
$(this).text('Chiudi');return false;
});
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$("#box_nascosto_1").hide();

$("#mostra_box_1").toggle(function({
$(this).next().slideDown();
$(this).text('Chiudi')
},

function(){
$(this).next().slideUp();
$(this).text('Leggi tutto');
})
});
</script>


ma come posso implementare il finale del secondo script nel primo senza doverli scrivere entrambi ??'
 
Ciao, prova cosi
Codice:
$('#mostra_box_2').click(function(){ 
            $('#box_nascosto_2').slideToggle(600);
            $(this).text($(this).text() == "Apri" ? "Chiudi" : "Apri");
        });
 

Discussioni simili