title: hide parent div if child div is empty of html
body: <p>I have been looking around at different ways of hiding a parent div if the child div is empty of content, I have got it working in some fiddles, but nothing seems to work on my actual site.</p>
  
  <p>I am editing Wordpress plugin CPT Bootstrap carousel, I have added a new custom field for displaying testimonials, but currently have only got one testimonial from a client so therefore want to hide the button when the div is emtpy.</p>
  
  <p>Here is a link to the page: <a href="http://rookdesigns.co.uk/portfolio/" rel="nofollow">http://rookdesigns.co.uk/portfolio/</a></p>
  
  <p>and here is my html and jQuery:</p>
  
  <pre><code>&lt;div class="test btn btn-primary"&gt;Testimonials&gt;&gt;
      &lt;div class="carousel-quotes"&gt;
          &lt;?php echo $image[ 'reff']; ?&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  jQuery(".carousel-quotes:empty").parent().hide();
  </code></pre>
  
  <p>I am also using this piece of jQuery to fadeToggle the child div on and off</p>
  
  <pre><code>jQuery(".test").click(function(){
  jQuery('.carousel-quotes').fadeToggle();
  </code></pre>
  
  <p>Not sure if this could be effecting things.</p>
  
  <p>Any help with this is very much appreciated,</p>
  
  <p>Thanks in advance</p>
  
  <p>All the best</p>
  
  <p>Harry</p>