Kjapp og trygg hosting for Wordpress

Åpne div med javascript

kongen

kongemedlem
Jeg har 3 forskjellige ting som skal åpne en div ved hjelp av javascript.

Det første er en vanlig link. Når Les mer linken klikkes skal div'en åpne, og den skal lukkes når Lukk linken klikkes.

Kode:
<a href="#">Les mer</a> <a href="#">Lukk</a>
<div>masse masse tekst</div>

Den andre er radioknapper. Når Les mer knappen klikkes så skal diven åpnes, og lukkes når Lukk knappen klikkes.

Kode:
Les mer <input name="lesmer" type="radio" /> Lukk <input name="lukk" type="radio" />
<div>masse masse tekst</div>

Den siste er en checkbox. Når den er checked så skal div'en åpnes, og den skal lukkes når den ikke er cheched.

Kode:
Les mer <input name="" type="checkbox" />
<div>masse masse tekst</div>

Hvordan gjøres dette med javascript?
 

Camillafr

Medlem
Hei, kan vise noen små eksempler. Html'en er litt annerledes enn din, men den burde være grei å skjønne.

Link som viser og skjuler div:

Kode:
<a href="#" class="toggle-div">Toggle</a>
<div class="content">
Innholdet
</div>

<script type="text/javascript">
$('.toggle-div').click(function() {
$('.content').toggle();
});
</script>

Radio og checkbox er vel egentlig helt lik:

Kode:
<input type="checkbox" class="toggle-checkbox" />
<div class="content">
Innholdet
</div>

<script type="text/javascript">
$('.toggle-checkbox').change(function() {
$('.content').toggle();
});
</script>

Nå har jeg ikke testet dette, men tror det skal fungere.
 

Camillafr

Medlem
Ja, det glemte jeg å skrive.
Tok det egentlig som et selvfølge at han skulle bruke det, men det er jo egentlig ikke det.
 
Topp