jQuery - hover

hover

by johnpapa

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div id="target1" class="btn btn-info">Hover here for .hover()</div>

<div id="msg1" class="output">

</div>

<div id="tooltip">Dan likes single quotes</div>

CSS

.clickable{
    background: lightgray;
    width: 300px;
    cursor: pointer;
}
.output{
    height: 30px;
    width:300px;
    border: 1px solid red;
}
.myTip{
    background:lightgray;
}

JavaScript

$("#target1").hover(function(){
    
    $('#tooltip').toggleClass('myTip');

});