Home/ Questions/Q 7051849
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T03:18:46+00:00

I’ve modified the code from w3schools – Hide paragraph to include a show button

  • 0

I’ve modified the code from w3schools – Hide paragraph to include a show button which takes 6 seconds for the text to show. It takes approx 3 seconds for the text to begin re-displaying after it has been hidden, is there a reason for this ? Here is my modified code (just paste this code into “Hide paragraph” URL on w3schools) : 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(3000);
  });
  $("#show").click(function(){
    $("p").show(6000);
  });
});
</script>
</head>
<body>
<button id = "hide">Hide</button>
<button id = "show">Show</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think it’s related to the easing you use. try

    $(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(3000);
  });
  $("#show").click(function(){
    $("p").show(6000, 'linear');
  });
});

    fiddle here http://jsfiddle.net/HhubD/

    As you can read in the doc show() has an easing parameter

     .show( [duration] [, easing] [, callback] )

    As of jQuery 1.4.3, an optional string naming an easing function may
    be used. Easing functions specify the speed at which the animation
    progresses at different points within the animation. The only easing
    implementations in the jQuery library are the default, called swing,
    and one that progresses at a constant pace, called linear. More easing
    functions are available with the use of plug-ins, most notably the
    jQuery UI suite.

    probably the "Swing" easing wich is the default is slow at the beginning and then it speeds up

    • 0