Hi there,
I would like javascript to be able to hide a div based upon a containing div having no content.
The text/content of the div is being pulled in by the CMS, if the user has not inputted anything into the CSS how can the container div "" be hidden.
I have the following code: where the div i would like to hide IF the div "CaseStudyContent" is "CaseStudyRowFirst" and "CaseStudyRow"
Please ignore "{$metadata.Case Study.Client$}" ass this is tags for the CMS.
Thank you 
<div class="CaseStudyRowFirst">
<div class="CaseStudySectionName">
Client:
</div>
<div class="CaseStudyContent"> {$metadata.Case Study.Client$}
</div>
</div>
<div class="CaseStudyRow">
<div class="CaseStudySectionName">
Sector:
</div>
<div class="CaseStudyContent">{$metadata.Case Study.Sector$}
</div>
</div>
<div class="CaseStudyRow">
<div class="CaseStudySectionName">
Shows / Location:
</div>
<div class="CaseStudyContent">{$metadata.Case Study.Shows / Location$}
</div>
</div>
<div class="CaseStudyRow">
<div class="CaseStudySectionName">
Challenge / Objective:
</div>
<div class="CaseStudyContent">{$metadata.Case Study.Challenge / Objective$}
</div>
</div>
<div class="CaseStudyRow">
<div class="CaseStudySectionName">
Testimonial:
</div>
<div class="CaseStudyContent">{$metadata.Case Study.Testimonial$}
</div>
</div>
<div class="CaseStudyRowLast">
<div class="CaseStudySectionName">
Additional Text:
</div>
<div class="CaseStudyContent">{$metadata.Case Study.Additional Text$}
</div>
</div>
</div>