how to display a div triggered by onclick event

Question

I have have two divs  I want to display a div  which has other divs inside it   when the onclick event is triggered   Any help or suggestion would be appreciated

User · Answer

If you have the ID of the div  try this      lt input type  submit  onclick      div id   show    gt

User · Answer

You ll have to give an ID to the div you want to show hide  then use this code   html    lt div id  one  gt       lt div id  tow  gt          This is text      lt  div gt       lt button onclick  javascript showDiv     gt Click to show div lt  button gt   lt  div gt    javascript   function showDiv         div   document getElementById  tow        div style display    block       CSS     tow   display  none       Fiddle  http   jsfiddle net xkdNa

User · Answer

function showstuff boxid      document getElementById boxid  style visibility  visible        lt button onclick  showstuff  id to show       gt    This will help you  I think

User · Answer

Here you go   div      display  none     document querySelector  button   addEventListener  click   function        document querySelector  div   style display    block         lt div gt blah blah blah lt  div gt   lt button gt Show lt  button gt    LIVE DEMO  http   jsfiddle net DerekL p78Qq

[javascript] how to display a div triggered by onclick event

Examples related to javascript

Examples related to html

Examples related to css