ansaurus

Question

How to disable show() in jquery on page load?

Answer 1

A:

add $("#test").hide(); in your javascript:

  <script type="text/javascript">
    $(document).ready(function(){
        $("#test").hide();

        $("#click_test").stop(function(event){
            event.preventDefault();
            $("#test").slideup();
        });

        $("#click_test").click(function(event){
            event.preventDefault();
            $("#test").toggle();
        });

    });
  </script>

Alternatively in your html:

<div id="test" style="display:none">write text here</div>

gives the same result

Thomas Stock 2009-04-27 10:18:18

thanks........................ had to get to 15 chars to say a thanks

2009-04-27 11:53:31

Answer 2

+1 A:

The best solution (imho) is to hide it to start with rather than doing that with Javascript.

As for the link, just return false to stop the browser going to the href. If you want the link to toggle the div then replace show() with toggle(). You can of course use any of the other jQuery effects (eg slide or fade).

<style type="text/css">
#test { display: none; }
</style>
<script type="text/javascript">
$(function() {
  $("#click_text").click(function() {
    $("#test").show();
    return false;
  });
});
</script>
<a href="#" id="click_test">Click Here</a>
<div id="test">write text here</div>

cletus 2009-04-27 10:19:09

does not work ,

2009-04-27 11:06:11

Um... what doesn't work?

cletus 2009-04-27 11:28:57

when u click on the #test nothing happens

2009-04-27 11:51:22

Answer 3

A:

You should use :

<div id="test" style="display:none">write text here</div>

Be careful: In this case, the div will remain hidden for browser with javascript deactivated.
If you want those browser to see the div, use instead:

$(function() {
    $("#test").hide();
});

Nico 2009-04-27 10:51:37

ansaurus

tags:

views:

answers:

How to disable show() in jquery on page load?

related questions