How do I make a list which only appears when a

Question

I'm trying to make a button which when clicked, makes a list appear/disappear.

How would I go about linking the two?

Would Javascript be the best option for this, or can this be achieved with CSS?

http://stackoverflow.com/questions/8180842/how-to-show-a-list-on-mouse-click-using-jquery — Rachel Gallen, Jun 17 '14 at 07:35

score 0 · Answer 1 · answered Jun 17 '14 at 07:34

from what i understand, maka div with all the contents that you need to show on click. then write on click function for the button and use show() or toggle function to show the div.

$( "#buttonid" ).click(function() {
$('#divtoshow').show();
});

instead of show() you can use toggle() also.

score 0 · Answer 2 · answered Jun 17 '14 at 07:36

0

jQuery will help you here.

You can use the click event along with show to achieve this

answered Jun 17 '14 at 07:36

Nikhil Talreja

2,754
1
14
20

score 0 · Answer 3 · answered Jun 17 '14 at 07:44

0

Using jquery it is very simple.

$("#buttonID").on('click',function(){
$("listID").toggleClass("contentVisibulity");

});

css

.contentVisibulity{
display:none;
}

Jquery Doc

answered Jun 17 '14 at 07:44

chandu

2,276
3
20
35

How do I make a list which only appears when a is clicked?

3 Answers3

How do I make a list which only appears when a