title: BootStrap 3.3 collapse block radio button
body: <p>I have a issue with bootstrap.
  When the div is extend the radio button will block and won't work.</p>
  
  <p>Here's the code :</p>
  
  <pre><code>&lt;form name="today_task" action="" method="post"&gt;
      &lt;div data-toggle="collapse" id="add_task" class="collapse"&gt;
          &lt;textarea name="task_content" style="width: 100%;" placeholder="Enter task"&gt;&lt;/textarea&gt;
          &lt;input type="radio" name="priority" value="3"&gt; High Priority &lt;br /&gt;
          &lt;input type="radio" name="priority" value="2" checked&gt; Medium Priority &lt;br /&gt;
          &lt;input type="radio" name="priority" value="1"&gt; Low Priority &lt;br /&gt;
      &lt;/div&gt;
      &lt;a class="accordion-toggle" data-toggle="collapse" data-target="#add_task" href="#add_task"&gt;&lt;input type="button" name="submit_new_task" id="add_task_button" value="Add Task" class="btn btn-success" style="width: 100%;" onClick="submit_button()"&gt;&lt;/a&gt;                                           
  &lt;/form&gt;
  </code></pre>
  
  <p>Here's the problem : <a href="https://jsfiddle.net/g14ajcgh/" rel="nofollow">https://jsfiddle.net/g14ajcgh/</a></p>