title: CSS transition on click event from another element
body: <p>Sorry about the title not really making sense. What I have is a "Questions or Comments" span and what I want it to do is when you click on it a form appears below (in a transition). I already tried looking at similar questions on this site but none have been able to work for what I am trying to do. Currently I have javascript giving the form the <code>display:block</code> attribute when the span is clicked. I would like to use CSS if possible. If its not possible then I will accept javasacript. Any help?<br>
  Here is my code:<br><br>
  HTML:<br></p>
  
  <pre><code>&lt;span id="comment"&gt;Questions or Comments&lt;/span&gt;
  &lt;form action="" method="post"&gt;
  &lt;textarea&gt;&lt;/textarea&gt;
  &lt;input type="submit" id="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><br>
  and the CSS:<br></p>
  
  <pre><code>#comment {
  text-decoration:underline;
  }
  
  form {
  display:none;
  }
  </code></pre>