CODEWITHSUNDEEP
jquery
Blake
Blake

Reputation: 91

Make div visible on page load jquery

This is probably an easy solution..

I have a div that is set to display:none;

I am also using a tag for a display to show if javascript is disabled in place to the hidden div. I am trying to figure out how to make the display that is hidden to show but without any effects...(just have the div be there when the page loads with javascript enabled)

<div class="carousel-container"></div>

<style> .carousel-container {display:none;} </style>

<noscript> <div id="blah"></div> </noscript>


$(document).ready(function(){

    $(".carousel-container").show(10);


    });

</script>

I know the show effect makes it move but is there a different effect that just has the div shown when the page loads

Upvotes: 0

Views: 2239

Answers (2)

Suresh Atta
Suresh Atta

Reputation: 121998

Are you looking for this ??

You can make the div visible with jquery which you made display:none previously.

$('.carousel-container').css("visibility", "visible");

I hope I understood your question in right way :)

Upvotes: 0

Donald Ward
Donald Ward

Reputation: 56

$('.target').show(); The matched elements will be revealed immediately, with no animation. This is roughly equivalent to calling .css('display', 'block'), except that the display property is restored to whatever it was initially. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline.

Upvotes: 1

Related Questions