title: should I use preventDefualt() or stopPropagation() in this jquery and how?
body: <pre><code>var flip1 = 0;
  $( ".car-row" ).click(function() {
      $( ".car-types" ).toggle( );
  });
  </code></pre>
  
  <p>When div class ".car-row" is clicked, its subdiv '.cartypes' is toggled. </p>
  
  <pre><code>$('input[name=allcheck-cars]').click(function() {
      $("input[name='checkbox']").prop('checked', this.checked);
  });
  </code></pre>
  
  <p>On clicking the checkbox, I just want the checkboxes in the subdiv to be     checked/unchecked which I am able to do it. At the same time, when I click this checkbox which is in the same div class ".car-row", the subdiv ".cartypes" again gets toggled which            I dont want to happen. So I need   to use <code>.preventDefault()</code> anywhere to prevent toggling subdiv on click of checkbox. Please help.</p>
  
  <p><a href="http://jsfiddle.net/zMPJQ/" rel="nofollow">http://jsfiddle.net/zMPJQ/</a></p>