Cambiare testo al click (apri / chiudi)

[cigno]

Ciao a tutti, io dovrei semplicemente cambiare un testo ad un link. Di default sarà settato "Leggi tutto", se clicco la prima volta dovrà esserci scritto "Leggi breve" mentre se lo clicco la seconda volta "Leggi tutto".

Io uso questo codice ma non capisco perchè non vada.

<script> var acceso = true; </script>

<div id="slick-slidetoggle1" style="margin:30px 0 0 0">Leggi tutto</div>

Grazie

[m4rko80]

Ciao, innerHTML si aspetta dell'html probabilmente
Prova con innerText ma non so se supporta tutti i browser questa.
Io per comodità uso jquery

[cigno]

Originariamente inviato da m4rko80
Ciao, innerHTML si aspetta dell'html probabilmente
Prova con innerText ma non so se supporta tutti i browser questa.
Io per comodità uso jquery

Non mi funzia... come fai con jquery?

[carlomarx]

<div id="slick-slidetoggle1" style="margin:30px 0 0 0">Leggi tutto</div>

[cigno]

Originariamente inviato da carlomarx

<div id="slick-slidetoggle1" style="margin:30px 0 0 0">Leggi tutto</div>

Così com'è, cioè il div del testo che cambia dentro al link, non funziona.
Mentre se porto il div fuori dal link va. Come posso risolvere?

[cigno]

Ho risolto con jquery in questo modo

<script>
$(document).ready(function() {
$("a#slickbox-toggle1").click(function() {
$("#slickbox1").slideToggle(400);
$("#slickbox1b").html($("#slickbox1b").html() == "Leggi completo" ? "Leggi ridotto" : "Leggi completo");
return false;
});
});
</script>

<div id="slickbox1" style="display:none;">testo di prova</div>
<div id="slickbox1b">Leggi completo</div>