CODEWITHSUNDEEP
javascriptjqueryshow-hide
Francesc
Francesc

Reputation: 1349

Hide/Show Part of a Page in JS

I have an image on my website. I would like when I click it, it show a <div>, and when I click it another time, it hides the <div>. How can I do this in JavaScript? Should I use jQuery?

Upvotes: 1

Views: 584

Answers (2)

Sarfraz
Sarfraz

Reputation: 382736

You can do like this in JQuery:

<img id="img_id" src="image path here" />
<div id="mydiv" style="display:none;">Some content</div>

$('#img_id').toggle({ 
   function(){$('#mydiv').show();},
   function(){$('#mydiv').hide();}
});

First click on an element with id img_id will show an element with id mydiv and second click would hide it.

See more info about toggle() function.

Upvotes: 3

Adriaan Stander
Adriaan Stander

Reputation: 166406

Have a look at

Upvotes: 1

Related Questions