Hide Me Toolbar

Hide Me Toolbar

by Andy Blueman

HTML

<div id="main-content" class="measure">
    <div id="toolbarright"> HIDE ME TOOLBAR </div>
</div>

CSS

@media only screen and (max-width: 600px){
       #toolbarright { display:none;  }
}
html {
    width: 100%;
    outline:1px solid RED;
}

#main-content {
    margin: 10px;
    max-width: 600px;
    outline: 1px solid green;
    }
#toolbarright {
    outline: 1px solid blue;
    }

JavaScript

if ($('div').hasClass('measure')) 
    { $('.measure').each(function (iterate, val) 
       { var self = $(this);
    	twoDivs = "<BR /><div id='measurelog" + iterate + "' class='measurelog'></div>";
           		self.append(twoDivs);
    $("#measurelog" + iterate).text('Browser (Width: ' + $(window).width() + 'px, Height: ' + $(window).height() + 'px) | DIV  (Width: ' + self.width() + 'px, Height: ' + self.height() + 'px) ');
    $(window).resize(function () {$("#measurelog" + iterate).text('Browser (Width: ' + $(window).width() + 'px, Height: ' + $(window).height() + 'px) | DIV  (Width: ' + self.width() + 'px, Height: ' + self.height() + 'px) ');
			}); 
			}); 
		}