Home/ Questions/Q 8443033
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T09:01:02+00:00

I can’t use the script in header, Here is the code: <!DOCTYPE html> <html>

  • 0

I can’t use the script in header, Here is the code: 

<!DOCTYPE html>
<html>
<head> 

<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 <a href="javascript:void" class="sl-start">Click Here</a> 
<p class="slide" style="display: none">Something to display</p>

<script>
    $(".sl-start").click(function () {
    $(".slide").show();
    });
    </script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Wrap your code in a document.ready event handler like so:

    <!DOCTYPE html>
<html>
<head> 

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
        $(document).ready(function(){
            $(".sl-start").one('click', function () {
                $(".slide").show();
            });
        });
    </script>
</head>
<body>
 <a href="javascript:void" class="sl-start">Click Here</a> 
<p class="slide" style="display: none">Something to display</p>

</body>
</html>

    Or else, the script will get executed before the element exists!

    • 0