Show/hide a div with mouseover and mouseout on <li>

复制内容到剪贴板代码:demo1
<li>Cat 1
<div class="actions">Edit | Delete</div>
<ul>
<li>SubCat 1
<div class="actions">Edit | Delete</div>
</li>
<li>SubCat 2
<div class="actions">Edit | Delete</div>
</li>
</ul>
</li>
<li>Cat 2
<div class="actions">Edit | Delete</div>
</li>
<li>Cat 3
<div class="actions">Edit | Delete</div>
</li>
<hr/>
demo2
<li class="panel panel-default">
<h4 class="panel-title pull-left" style="padding-top: 7.5px;">title</h4>
<div class="btn-group pull-right hidden-xs actions">Edit | Delete</div>
content
</li>
<li class="panel panel-default">
<div class="panel-heading clearfix">
<h4 class="panel-title pull-left" style="padding-top: 7.5px;">title</h4>
<div class="btn-group pull-right hidden-xs actions">Edit | Delete</div>
</div>
content
</li>