Question

155

rated 0 times [ 162] [ 7] / answers: 1 / hits: 49765 / 11 Years ago, wed, december 11, 2013, 12:00:00

How can I show and hide a div (content) with a click on a button?

Here some code:

<button class=btn btn-default>Text</button>

<div class=div-to-hide>Some content</div>

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 262

Total Questions: 82

Total Answers: 97

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

alorac questions

Sat, Oct 10, 20, 00:00, 4 Years ago

Tue, Sep 22, 20, 00:00, 4 Years ago

Wed, Jul 1, 20, 00:00, 4 Years ago

Wed, Jun 3, 20, 00:00, 4 Years ago

Sun, May 17, 20, 00:00, 4 Years ago

answered 11 Years ago jarvisjovannia · Accepted Answer

You can do this by using jQuery's toggle function like <button class=button onclick=$('#target').toggle();>Show/Hide</button>

Here is a working example: http://jsfiddle.net/W2vh3/