Home/ Questions/Q 7696303
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T21:44:54+00:00

How can I insert jquery inside an html tag like using it in onclick

  • 0

How can I insert jquery inside an html tag like using it in onclick. For example how can I insert this jquery function inside html?

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>Toggle between slide up and slide down for a p element</button>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Putting the body of your function directly in the onclick attribute of the button tag works.

    <button onclick='$("p").slideToggle();'>
    Toggle between slide up and slide down for a p element
</button>

    However, I think the way you have it is a preferable way to do it, since it takes advantage of the $(document).ready function.

    • 0