Add hover to a .live('click', function ()
<p>This function shows <strong>arrow-img-down</strong> (a 'show' icon). When I click it open sliding div then the img turns <strong>arrow-img-up</strong> (a 'hide' icon)</p>

<p>I want to add to this img replace .src function and also a hover on current img as follows:</p>

<pre><code>$(".showhide").live('click', function () {
    if ($(this).attr("class") == "showhide") {
        this.src = this.src.replace("img/show_btn.png", "img/hide_btn.png");}
         else {
             this.src = this.src.replace("img/hide_btn.png", "img/show_btn.png");}

    $(this).toggleClass("img/show_btn.png");
});
</code></pre>

<p>How can I add it?</p>
