title: How to make checkbox visible when main checkbox checked?
body: <p>good morning guys,
  I have 3 checkboxes created in php. one that i want to use as a controller</p>
  
  <pre><code>&lt;p&gt;
      &lt;?php  $creates = array('name'=&gt; 'single_obs_value','class' =&gt; 'singleobsyes','value'=&gt; '1','style'=&gt;' float: left; margin-right: 2px;'); ?&gt;
      &lt;?=form_label('Single Observation : ');?&gt;
      &lt;?=form_checkbox($creates);?&gt;
      &lt;br&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>And the other two are brought in from a database array variable.</p>
  
  <pre><code>&lt;p&gt;
      &lt;?php   foreach($obsnames as $cp){  ?&gt;
          &lt;?php  $create = array('name'=&gt; 'cms_permissions[]','class' =&gt; 'singleobs','value'=&gt; $cp-&gt;id,'style'=&gt;' float: left; margin-right: 10px;'); ?&gt;
          &lt;span style="width:200px; float:left"&gt;
              &lt;?=form_checkbox($create ).' '.form_label($cp-&gt;field_name);?&gt;
          &lt;/span&gt;
      &lt;?php }  ?&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>How do i first make the two brought in by the database invisible when the page loads. Then when the controller checkbox is ticked make the two checkboxes visible again. If possible with a jquery function that uses the class of the controller checkbox as such.</p>
  
  <pre><code>$('#singleobsyes').change(function(){
  </code></pre>
  
  <p>Rather than </p>
  
  <pre><code>$('input[type="checkbox"']
  </code></pre>
  
  <p>As i use other checkboxes on the page and i believe that may cause some conflict.</p>