Thursday, January 12, 2012

Hide Entire container and show when all content has been loaded

$(document).ready(function () {
        $("#container").hide();

    });
    $(window).load(function () {
        $("#container").show();
    });

SHow/Hide container using JQuery

function showHide() {

        var display = $("div#containerId").css('display')
        if (display == "none") {
            $("div#searchbar").slideDown("slow");
            $("#searchButton").attr("value", "Hide");
        }

        else {
            $("div#containerId").slideUp("slow");
            $("#searchButton").attr("value", "Show");
        }
   

    }