Hiding Flex Slider completely when no image [2]

I refer to the following post: http://wp-types.com/forums/topic/hiding-flex-slider-completely-when-no-image/

Though that solution seemed to work at first glance, it actually did not. I am now trying to resolve the issue using JQUery. Here is the code I am trying:

$(function(){
// Hide div when no image
if ($("div#flex-slider:not(img)").length) {
$("#flex-slider").hide(); }) });

I placed this is the custom JS section of my slide, but it will still not work. To be honest, I am not that familiar with JavaScript and JQuery so chances are my code is incorrect or I laced it in the wrong place. Could I have some guidance please?

Thanks