Sliding pop

1. To set the display elements of pop is hidden: display: none;

For example, I is: .hidden-POP { the display: none; }

 

2. Set the start operation, I was  $ ( "pop-tips." ) Rollover event:

$ (. "POP-Tips"). hover (function () { 
    // downward slide display 
    $ (the this) .find (. "hidden-POP"). slideDown () 
}, function () { 
    // Collapse and stops displaying the slide 
    $ (the this) .find (. "hidden-POP"). sTOP (to true, to false) .slideUp () 
})

Here just need to trigger node .pop-tips  node and to display  .hidden-pop  instead of your own on the line