Given the following code, (bootstrap site example):
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">
Panel Title
</h3>
</div>
<div class="panel-body">
Panel Content
</div>
</div>
I need to change this panel-danger to another panel, example: panel-info, when I hover the mouse over it.