title: Disable clicks on div class but need enable clicks of same nested class
body: <p>I have one div class named expandInnerDivStyle I need to disable clicks inside this div for this I'm doing like this</p>
  
  <pre><code>$(".expandInnerDivStyle").css({pointerEvents: "none"});
  </code></pre>
  
  <p>but In the div there may nested div with same class,Now I need to enable clicks for this nested div of same class.</p>
  
  <p>My requirement.
  I have Collapsible header div class named expandInnerDivStyle. on click of this Before disabling all the form elements inside but before diabling need to check again if there is nested header contains of same expandInnerDivStyle. </p>
  
  <p>On click this need to verify if nested header id this if there then it should be enable(so i can click on this to see form elemets) but the form elements of nested header should disable.</p>
  
  <p>Example of my scenario.</p>
  
  <pre><code>&lt;div class="expandInnerDivStyle"&gt; Disable this.
     &lt;div class="parent abc"&gt;&lt;/div&gt;  Disable this.
     &lt;div clas="expandInnerDivStyle"&gt; Need to enable clicks(Nested Class)
        &lt;div class="child mno"&gt;&lt;/div&gt; Disable this.
        &lt;div class="child mpqr"&gt; Disable this.
             &lt;div clas="expandInnerDivStyle"&gt;Need to enable clicks(Nested Class)
                  &lt;button/&gt; Disable this.
             &lt;/div&gt;
        &lt;/div&gt; 
     &lt;/div&gt;
     &lt;div class="parent hhh"&gt;&lt;/div&gt; Disable this.
  &lt;/div&gt;
  </code></pre>
  
  <p>Please can any help me on this. Thanks.</p>