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

Code:
  
        <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>