Home/ Questions/Q 592583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T15:45:18+00:00

How does the following code need to be changed so when the onmouseover event

  • 0

How does the following code need to be changed so when the onmouseover event fires up a div appears on the right side of the hyperlink?

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){
$('a.moreDetails').hover(function() {
$(this).next().toggle('fast');
});
});

</script>  

<body>
<a href="#" class="moreDetails">(details)</a>
<div class="details">User 1</div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery’s hover method takes two function inputs:

    $("a.moreDetails").hover(
  function(){
    $(this).next().show('fast');
  },
  function(){
    $(this).next().hide('fast');
  }
);

    You also appear to be missing your closing </head> tag. Getting your element to appear next to your link will require some markup-changes, javascript manipulation, or some css rules. You could make this minor change:

    <a href="#" class="moreDetails">(details)</a>
<span class="details">User 1</span>
    • 0