Correzione script...

[pollat]

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

<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>

[cavicchiandrea]

Prova cosi

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

jQuery('#mostra_box_2').click(function(){
var stato = (jQuery('#box_nascosto_2').heigth() > 0) ? "Chiudi" : "Apri";
jQuery('#box_nascosto_2').slideToggle(600);
$(this).text(stato);
return false;
});
});
</script>

[pollat]

Prova cosi

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

jQuery('#mostra_box_2').click(function(){
var stato = (jQuery('#box_nascosto_2').heigth() > 0) ? "Chiudi" : "Apri";
jQuery('#box_nascosto_2').slideToggle(600);
$(this).text(stato);
return false;
});
});
</script>

Non funziona, non si apre il box e la pagina torna a visualizzarsi dall' header del sito in alto

[pollat]

Qualcuno mi ha suggerito di utilizzare una funzione finale del tipo

function(){
$(this).next().slideUp();
$(this).text('Leggi tutto');
}

ma non so bene come inserirla nel mio script....

[cavicchiandrea]

ho sbagliato a scrivere questa riga
var stato = (jQuery('#box_nascosto_2').heigth() > 0) ? "Chiudi" : "Apri";
cambiala con questa
var stato = (jQuery('#box_nascosto_2').height() > 0) ? "Chiudi" : "Apri";
errore heigth() invece di height() (ho invertito th invece di ht)

[pollat]

ho sbagliato a scrivere questa riga
var stato = (jQuery('#box_nascosto_2').heigth() > 0) ? "Chiudi" : "Apri";
cambiala con questa
var stato = (jQuery('#box_nascosto_2').height() > 0) ? "Chiudi" : "Apri";
errore heigth() invece di height() (ho invertito th invece di ht)

Nulla, il box ora funziona ma rimane sempre la scritta "Chiudi" dopo essersi richiuso...

[cavicchiandrea]

http://webandylab.altervista.org/26/slide.php

[pollat]

http://webandylab.altervista.org/26/slide.php

Ok
un'ultima cosa, perchè combinando questi due script mi viene il giusto effetto di cui parlavo sopra ??

<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>

come posso implementare il finale del secondo script nel primo??'

[pollat]

http://webandylab.altervista.org/26/slide.php

Ok
un'ultima cosa, perchè combinando questi due script mi viene il giusto effetto di cui parlavo sopra ??

<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>

come posso implementare il finale del secondo script nel primo senza doverli scrivere entrambi ??

[cavicchiandrea]

Non ti seguo, usa l'esempio che to fatto invece che cercare spiegazioni oppure studiati jquery