div verbergen/laten zien

**N Wilkens** · 20-10-2011, 16:17

voor een tv gids website waar ik druk mee bezig ben, wil ik een pagina maken waar alle zenders op komen.
Ik wil door op het plaatje van bijvoorbeeld nederland1 te klikken de div ''ned1'' laten zien, en als je dan weer klikt dat hij dan weer sluit.

Op google gezocht, maar vooral ingewikkelde manieren gezien, ik wil gewoon simpel via onclick bijvoorbeeld.

**gast8208** · 20-10-2011, 16:30

http://www.w3schools.com/jquery/eff_slidetoggle.asp alstu!

**N Wilkens** · 20-10-2011, 16:56

Origineel gepost door gast8208

http://www.w3schools.com/jquery/eff_slidetoggle.asp alstu!

hoe kan ik die button in een link veranderen, wat moet ik dan in het script aanpassen?

**Ramon Leenders** · 20-10-2011, 16:58

Code:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<a href="#">Toggle between slide up and slide down for a p element</a>
</body>
</html>

Origineel gepost door eric van den berg

hoe kan ik die button in een link veranderen, wat moet ik dan in het script aanpassen?

**Wilbert E.** · 20-10-2011, 17:04

Origineel gepost door Ramon Leenders

Code:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<a href="#">Toggle between slide up and slide down for a p element</a>
</body>
</html>

Hiermee verander je alle links in knoppen om je div te openen.

**Marcel van Vrouwerf** · 20-10-2011, 17:07

Misschien via een highslide, lightbox, noem ze maar op.....?

**gast8208** · 20-10-2011, 17:09

Je moet je wel enigszins inleven hé :) Beetje input....

Hiermee is alles opgelost:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("p").hide();

$("button").click(function(){
$("p").slideToggle(1000);
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>Toggle between slide up and slide down for a p element</button>
</body>
</html>

Voer dat eens in bij de link die ik je net gaf, en dan zul je zien dat het werkt.

**N Wilkens** · 20-10-2011, 17:10

dat werkt ja, bedankt!

**gast8208** · 20-10-2011, 17:41

;) Geen probleem! Succes ermee.

div verbergen/laten zien