Note that there are some explanatory texts on larger screens.

plurals
  1. POhide heading if no div below
    primarykey
    data
    text
    <p>I have some layers like so</p> <pre><code>&lt;div class="evenprop"&gt;some prop&lt;/div&gt; &lt;div class="evenprop"&gt;some prop2&lt;/div&gt; &lt;div class="evenprop"&gt;some prop3&lt;/div&gt; &lt;h3 class="otherprop"&gt;Other Props&lt;/h3&gt; &lt;div class="evenprop"&gt;some prop4&lt;/div&gt; &lt;div class="evenprop"&gt;some prop5&lt;/div&gt; </code></pre> <p>This is fine but I need to hide the "otherprop" class if the data looks like this</p> <pre><code>&lt;div class="evenprop"&gt;some prop&lt;/div&gt; &lt;div class="evenprop"&gt;some prop2&lt;/div&gt; &lt;div class="evenprop"&gt;some prop3&lt;/div&gt; &lt;div class="evenprop"&gt;some prop4&lt;/div&gt; &lt;div class="evenprop"&gt;some prop5&lt;/div&gt; &lt;h3 class="otherprop"&gt;Other Props&lt;/h3&gt; </code></pre> <p>The layers are dynamically put in so not sure how to do this I somehow need to say if there is no data below the class"otherprop" then hide "otherprop" if that makes sense</p> <p>The desired result if no data below is</p> <pre><code>&lt;div class="evenprop"&gt;some prop&lt;/div&gt; &lt;div class="evenprop"&gt;some prop2&lt;/div&gt; &lt;div class="evenprop"&gt;some prop3&lt;/div&gt; &lt;div class="evenprop"&gt;some prop4&lt;/div&gt; &lt;div class="evenprop"&gt;some prop5&lt;/div&gt; </code></pre> <p>but if there is data below</p> <pre><code>&lt;div class="evenprop"&gt;some prop&lt;/div&gt; &lt;div class="evenprop"&gt;some prop2&lt;/div&gt; &lt;div class="evenprop"&gt;some prop4&lt;/div&gt; &lt;div class="evenprop"&gt;some prop5&lt;/div&gt; &lt;h3 class="otherprop"&gt;Other Props&lt;/h3&gt; &lt;div class="evenprop"&gt;some prop3&lt;/div&gt; </code></pre> <p>Many thanks</p> <p>Jamie</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload