javascript - Hide DIV until its items are wrapped in its default height -

i not know question title enough or not, let me explain here

on http://www.wholesalerhinestones.org/ there div class sj-responsive-listing

when site loaded, products inside div on place on site , after second wrapped inside specified hight

i want hide div until products wrapped inside div specified height.

i have tried

.sj-responsive-listing{ display:none; } 

and

    $('.sj-responsive-listing').load(function() {         // when page has loaded         $('.sj-responsive-listing').show();     }); 

immediately inside script after div sj-responsive-listing class not work. div not show.

i tried

  $('.sj-responsive-listing').show(); 

but again products shown , after time wrapped inside height

the things tried not on

.load doesn't think does.

try .ready, this:

$( document ).ready(function() {   // handler .ready() called.   $('.sj-responsive-listing').show(); });