title: Bootstrap Admin Panel Radio Button Hide and Show
body: <p>Here is the link to the admin panel i am using, bootstrap themed
  <a href="https://almsaeedstudio.com/themes/AdminLTE/index.html" rel="nofollow noreferrer">https://almsaeedstudio.com/themes/AdminLTE/index.html</a></p>
  
  <p>I am trying to add a radio button that hides and shows a <code>div</code> holding some drop downs. Here is an image of that</p>
  
  <p><a href="https://i.stack.imgur.com/4a3Qd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4a3Qd.png" alt="enter image description here"></a></p>
  
  <p>on Open it shows the <code>div</code> below, on close it dissappears.</p>
  
  <p>The closest I got to making my dream a reality is that it worked but the radio buttons (the dark circles in the radio button) wasn't working, neither options were checked and even if I wanted to click them it would run the function but not color.</p>
  
  <p>Here is the code I have </p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
    &lt;div class="form-group"&gt;
      &lt;div class="col-md-6"&gt;
        &lt;label&gt;
          &lt;input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked&gt; Open
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6"&gt;
        &lt;label&gt;
          &lt;input type="radio" name="optionsRadios" id="optionsRadios1" value="option1"&gt; Closed
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;label for="openingHour" class="col-sm-2 control-label"&gt;From: &lt;/label&gt;
      &lt;div class="col-sm-10"&gt;
        &lt;select class="form-control"&gt;
          &lt;option&gt;12:00 AM&lt;/option&gt;
          &lt;option&gt;12:30 AM&lt;/option&gt;
          &lt;option&gt;1:00 AM&lt;/option&gt;
          &lt;option&gt;1:30 AM&lt;/option&gt;
          &lt;option&gt;2:00 AM&lt;/option&gt;
          &lt;option&gt;2:30 AM&lt;/option&gt;
          &lt;option&gt;3:00 AM&lt;/option&gt;
          &lt;option&gt;3:30 AM&lt;/option&gt;
          &lt;option&gt;4:00 AM&lt;/option&gt;
          &lt;option&gt;4:30 AM&lt;/option&gt;
          &lt;option&gt;5:00 AM&lt;/option&gt;
          &lt;option&gt;5:30 AM&lt;/option&gt;
          &lt;option&gt;6:00 AM&lt;/option&gt;
          &lt;option&gt;6:30 AM&lt;/option&gt;
          &lt;option&gt;7:00 AM&lt;/option&gt;
          &lt;option&gt;7:30 AM&lt;/option&gt;
          &lt;option&gt;8:00 AM&lt;/option&gt;
          &lt;option&gt;8:30 AM&lt;/option&gt;
          &lt;option&gt;9:00 AM&lt;/option&gt;
          &lt;option&gt;9:30 AM&lt;/option&gt;
          &lt;option&gt;10:00 AM&lt;/option&gt;
          &lt;option&gt;10:30 AM&lt;/option&gt;
          &lt;option&gt;11:00 AM&lt;/option&gt;
          &lt;option&gt;11:30 AM&lt;/option&gt;
          &lt;option&gt;12:00 PM&lt;/option&gt;
          &lt;option&gt;12:30 PM&lt;/option&gt;
          &lt;option&gt;1:00 PM&lt;/option&gt;
          &lt;option&gt;1:30 PM&lt;/option&gt;
          &lt;option&gt;2:00 PM&lt;/option&gt;
          &lt;option&gt;2:30 PM&lt;/option&gt;
          &lt;option&gt;3:00 PM&lt;/option&gt;
          &lt;option&gt;3:30 PM&lt;/option&gt;
          &lt;option&gt;4:00 PM&lt;/option&gt;
          &lt;option&gt;4:30 PM&lt;/option&gt;
          &lt;option&gt;5:00 PM&lt;/option&gt;
          &lt;option&gt;5:30 PM&lt;/option&gt;
          &lt;option&gt;6:00 PM&lt;/option&gt;
          &lt;option&gt;6:30 PM&lt;/option&gt;
          &lt;option&gt;7:00 PM&lt;/option&gt;
          &lt;option&gt;7:30 PM&lt;/option&gt;
          &lt;option&gt;8:00 PM&lt;/option&gt;
          &lt;option&gt;8:30 PM&lt;/option&gt;
          &lt;option&gt;9:00 PM&lt;/option&gt;
          &lt;option&gt;9:30 PM&lt;/option&gt;
          &lt;option&gt;10:00 PM&lt;/option&gt;
          &lt;option&gt;10:30 PM&lt;/option&gt;
          &lt;option&gt;11:00 PM&lt;/option&gt;
          &lt;option&gt;11:30 PM&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="closingHour" class="col-sm-2 control-label"&gt;To: &lt;/label&gt;
      &lt;div class="col-sm-10"&gt;
        &lt;select class="form-control"&gt;
          &lt;option&gt;12:00 AM&lt;/option&gt;
          &lt;option&gt;12:30 AM&lt;/option&gt;
          &lt;option&gt;1:00 AM&lt;/option&gt;
          &lt;option&gt;1:30 AM&lt;/option&gt;
          &lt;option&gt;2:00 AM&lt;/option&gt;
          &lt;option&gt;2:30 AM&lt;/option&gt;
          &lt;option&gt;3:00 AM&lt;/option&gt;
          &lt;option&gt;3:30 AM&lt;/option&gt;
          &lt;option&gt;4:00 AM&lt;/option&gt;
          &lt;option&gt;4:30 AM&lt;/option&gt;
          &lt;option&gt;5:00 AM&lt;/option&gt;
          &lt;option&gt;5:30 AM&lt;/option&gt;
          &lt;option&gt;6:00 AM&lt;/option&gt;
          &lt;option&gt;6:30 AM&lt;/option&gt;
          &lt;option&gt;7:00 AM&lt;/option&gt;
          &lt;option&gt;7:30 AM&lt;/option&gt;
          &lt;option&gt;8:00 AM&lt;/option&gt;
          &lt;option&gt;8:30 AM&lt;/option&gt;
          &lt;option&gt;9:00 AM&lt;/option&gt;
          &lt;option&gt;9:30 AM&lt;/option&gt;
          &lt;option&gt;10:00 AM&lt;/option&gt;
          &lt;option&gt;10:30 AM&lt;/option&gt;
          &lt;option&gt;11:00 AM&lt;/option&gt;
          &lt;option&gt;11:30 AM&lt;/option&gt;
          &lt;option&gt;12:00 PM&lt;/option&gt;
          &lt;option&gt;12:30 PM&lt;/option&gt;
          &lt;option&gt;1:00 PM&lt;/option&gt;
          &lt;option&gt;1:30 PM&lt;/option&gt;
          &lt;option&gt;2:00 PM&lt;/option&gt;
          &lt;option&gt;2:30 PM&lt;/option&gt;
          &lt;option&gt;3:00 PM&lt;/option&gt;
          &lt;option&gt;3:30 PM&lt;/option&gt;
          &lt;option&gt;4:00 PM&lt;/option&gt;
          &lt;option&gt;4:30 PM&lt;/option&gt;
          &lt;option&gt;5:00 PM&lt;/option&gt;
          &lt;option&gt;5:30 PM&lt;/option&gt;
          &lt;option&gt;6:00 PM&lt;/option&gt;
          &lt;option&gt;6:30 PM&lt;/option&gt;
          &lt;option&gt;7:00 PM&lt;/option&gt;
          &lt;option&gt;7:30 PM&lt;/option&gt;
          &lt;option&gt;8:00 PM&lt;/option&gt;
          &lt;option&gt;8:30 PM&lt;/option&gt;
          &lt;option&gt;9:00 PM&lt;/option&gt;
          &lt;option&gt;9:30 PM&lt;/option&gt;
          &lt;option&gt;10:00 PM&lt;/option&gt;
          &lt;option&gt;10:30 PM&lt;/option&gt;
          &lt;option&gt;11:00 PM&lt;/option&gt;
          &lt;option&gt;11:30 PM&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I deleted the js as I don't want anyone getting confused. I hope this helps and doesn't cause too much bother. </p>