Bootstrap 3 Template

by Wesley Smith

HTML

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<h4 class=""><a href="javascript://" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Popover Content">Do you require something specific</a></h4>
<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-default">
    <input type="radio" name="RadioGroup7" value="radio" id="RadioGroup7_0" required="required" tabindex="9" title=""> Yes
  </label>
  <label class="btn btn-default">
    <input type="radio" name="RadioGroup7" value="radio" id="RadioGroup7_1" required="required" tabindex="9" title=""> No
  </label>
  <div id="functionality">
    <label>
      <textarea rows="5"></textarea>
    </label>
  </div>
</div>

CSS

/* Latest compiled and minified CSS included as External Resource*/


/* Optional theme 
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
    margin: 10px;
}*/

JavaScript

$(document).ready(function() {
   $('[data-toggle="popover"]').popover();
   $functionality = $("#functionality").hide(); // cache and hide in the same call
   $("input[name=RadioGroup7]").change(function() {
     $("#RadioGroup7_1").is(':checked') ? $functionality.hide(): $functionality.show();
   });
 });