KW Online Tools Zone
Knowledge Walls
View All Tools Home
MOUSEOUTEXAMPLE
[Jquery editor]
Run
Share Link
Clear
HTML [Ctrl+Enter] - to run
one-hover here to show next number
two
three-hover here to show next number
four
CSS [Ctrl+Enter] - to run
.two,.four{ display:none; }
Jquery [Ctrl+Enter] - to run
$(function(){ $(".one").mouseover(function(){ $(".two").show(); }); $(".three").mouseover(function(){ $(".four").show(); }); $(".one").mouseout(function(){ $(".two").hide(); }); $(".three").mouseout(function(){ $(".four").hide(); }); });
OUTPUT
Copyright © 2021 Knowledge walls, All rights reserved
Copyright © 2021 Knowledge walls, All rights reserved