title: when I click to outside the section it's perfectly closing but I am trying to change any quantity or click inside the div
body: <p>I am closing guest section when I click to outside the section it's perfectly closing but unfortunately I am trying to change any adults  or click inside the div but it  is closing to guest section  please help me how can resolve that thanks.</p>
  <p><a href="https://i.stack.imgur.com/mI9RH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mI9RH.png" alt="enter image description here" /></a></p>
  <p><strong>Note:-</strong> Guest section should not be closed when I click to inside section or any change to quantity.</p>
  <p><strong>html view</strong></p>
  <pre><code>                            &lt;div id=&quot;guest-section&quot; hidden&gt;
                                  &lt;div class=&quot;_t0tx82&quot;&gt;
                                      &lt;div class=&quot;_1lmb2fq&quot; &gt;Adults&lt;/div&gt;
                                          &lt;div  id=&quot;searchFlow-subtitle-label-stepper-adults&quot;&gt;&lt;p&gt;Ages 13 or above&lt;/p&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=&quot;&quot;&gt;
                                      &lt;div class=&quot;input-group adult-input&quot;&gt;
                                          &lt;span class=&quot;input-group-btn&quot;&gt;
                                              &lt;button type=&quot;button&quot; class=&quot;quantity-left-minus btn btn-default  btn-number &quot;  data-type=&quot;minus&quot; data-field=&quot;&quot;&gt;
                                                &lt;span class=&quot;glyphicon glyphicon-minus&quot;&gt;&lt;/span&gt;
                                              &lt;/button&gt;
                                          &lt;/span&gt;
                                          &lt;input type=&quot;text&quot; id=&quot;quantity&quot; name=&quot;quantity&quot; class=&quot;form-control input-number quantity&quot; value=&quot;0&quot; min=&quot;1&quot; max=&quot;10&quot; &gt;
                                          &lt;span class=&quot;input-group-btn&quot;&gt;
                                              &lt;button type=&quot;button&quot; class=&quot;quantity-right-plus btn btn-default  btn-number&quot; data-type=&quot;plus&quot; data-field=&quot;&quot;&gt;
                                                  &lt;span class=&quot;glyphicon glyphicon-plus&quot;&gt;&lt;/span&gt;
                                              &lt;/button&gt;
                                          &lt;/span&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;hr&gt;
                                  &lt;div class=&quot;_t0tx82&quot;&gt;
                                      &lt;div class=&quot;_1lmb2fq&quot; &gt;Children&lt;/div&gt;
                                          &lt;div  id=&quot;searchFlow-subtitle-label-stepper-adults&quot;&gt;&lt;p&gt;Ages 2–12&lt;/p&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=&quot;&quot;&gt;
                                      &lt;div class=&quot;input-group adult-input&quot;&gt;
                                          &lt;span class=&quot;input-group-btn&quot;&gt;
                                              &lt;button type=&quot;button&quot; class=&quot;quantity-left-minuss btn btn-default  btn-number&quot;  data-type=&quot;minus&quot; data-field=&quot;&quot;&gt;
                                                &lt;span class=&quot;glyphicon glyphicon-minus&quot;&gt;&lt;/span&gt;
                                              &lt;/button&gt;
                                          &lt;/span&gt;
                                          &lt;input type=&quot;text&quot; id=&quot;quantityy&quot; name=&quot;quantity&quot; class=&quot;form-control input-number quantity&quot; value=&quot;0&quot; min=&quot;1&quot; max=&quot;10&quot;&gt;
                                          &lt;span class=&quot;input-group-btn&quot;&gt;
                                              &lt;button type=&quot;button&quot; class=&quot;quantity-right-pluss btn btn-default  btn-number&quot; data-type=&quot;plus&quot; data-field=&quot;&quot;&gt;
                                                  &lt;span class=&quot;glyphicon glyphicon-plus&quot;&gt;&lt;/span&gt;
                                              &lt;/button&gt;
                                          &lt;/span&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  </code></pre>
  <p><strong>jquery</strong></p>
  <pre><code>$(document).click(function(e) {
      if(!$(e.target).is('#guest-section')) {
          $(&quot;#guest-section&quot;).hide();
      }
    });
  </code></pre>