title: Disable sibling div when one of the div is clicked and get the value
body: <p>When I click on one of the DIV it will find the check-box inside the DIV and "Check" it. So the other DIV will hide. 
  I am facing problem on How do I disable other DIV When the time it is hiding itself or else I can click other DIV and broke the initial idea by only left the DIV that is clicked.</p>
  
  <p>2)How do I get the value of the checked div ? </p>
  
  <p>3)How do I detect if no check-box were selected ?? </p>
  
  <p>TQ</p>
  
  <pre><code> &lt;div id="answer"&gt;
      &lt;h3&gt;A&lt;/h3&gt;
      &lt;p id="result"&gt;Tick the correct answer&lt;/p&gt;
      &lt;div id="a1"&gt;A. &lt;input type="checkbox" value="1" name="ans" &gt;&lt;/input&gt;&lt;/div&gt;
      &lt;div id="a2"&gt;B. &lt;input type="checkbox" value="2" name="ans"&gt;&lt;/input&gt;&lt;/div&gt;
      &lt;div id="a3"&gt;C. &lt;input type="checkbox" value="3" name="ans"&gt;&lt;/input&gt;&lt;/div&gt;
      &lt;div id="a4"&gt;D. &lt;input type="checkbox" value="4" name="ans"&gt;&lt;/input&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;button id="checkbtn"&gt;Check Answer&lt;/button&gt;
  
  
  var btncounter = 0;
  $("#checkbtn").hide();
  $("#answer &gt; div").click(function (e) {
  e.stopPropagation();
      var status = $(this).find("input:checkbox").prop('checked'); 
      $(this).find("input:checkbox").prop("checked", !status);
      $(this).siblings('div').slideToggle(!status);
      btncounter++;
      if(btncounter%2 == 1)
      $("#checkbtn").show();
      else
      $("#checkbtn").hide();
  });
  </code></pre>