Home/ Questions/Q 8154377
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T16:19:35+00:00

Here is my script : <body> <div id =mainCategory class=’fade’> Category</div> <div id=divSubCategory> Category1

  • 0

Here is my script :

  <body>
    <div id ="mainCategory" class='fade'>
        Category</div>
    <div id="divSubCategory">
        Category1
        <br />
        Category2
    </div>
    <script type="text/javascript">
        $("div").hover(
            function () {
                $(this).append($("#divSubCategory").html());
            },
            function () {
                $("#divSubCategory").remove();
            }
         );
        $("#divSubCategory.fade").hover(function () { $(this).fadeOut(100); $(this).fadeIn(500); });

    </script>
</body>

I want to show and hide divSubCategory on mainCategory hover. But it doesn’t work. What should I add?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $(document).ready(function(){
    $('#mainCategory').bind('mouseenter', function() {
        $('#divSubCategory').fadeIn();
    });
    $('#mainCategory').bind('mouseleave', function() {
        $('#divSubCategory').fadeOut();
    });
});
    • 0