Jquery &引用；隐藏内容显示内容“；图像悬停

我有一个按钮，页面加载时显示“显示内容”，点击后，内容显示，并切换到一个带有“隐藏内容”的按钮。根据我下面的代码，这很好地工作

$('div.content').hide();
    
$('img.contentslide').click(function() {
    $('div.content').toggle(1500,function() {
        if (jQuery.browser.msie) {                          // Lines 15-17 = special treatment for IE, because of  
            this.style.removeAttribute('filter');           // lack of support for ClearType font rendering on items
        }                                                   // being toggled in jQuery.
    });
        if (slideState == 'closed') {
            $('img.contentslide').attr('src','images/hidecontentstd.png');
            slideState = "open";    

        } else {
            $('img.contentslide').attr('src','images/showcontentstd.png');
            slideState = "closed";
        }
});

slideState是我的布尔变量，在DOM就绪时设置为closed

我遇到的问题是在那里获得一个悬停，这样当用户将鼠标悬停在按钮上时，相关的悬停图像就会出现（即，当SlideEstate打开时显示内容悬停，当SlideEstate关闭时显示内容悬停）

我试过这样做：

---

但是没有运气。我不想使用CSS悬停，请。

当您使用

选择正确的图像时，您可以执行相同的操作。单击（）

，但使用

.hover（）

事件

$('img.contentslide').hover( function() {
        if (slideState == 'closed') {
            $( this ).attr('src','images/closedHover.png');
        } else {
            $( this ).attr('src','images/openHover.png');
        }
    },
    function() {
        if (slideState == 'closed') {
            $( this ).attr('src','images/closedNoHover.png');
        } else {
            $( this ).attr('src','images/openNoHover.png');
        }
    }
);

---

为什么你不能使用与

相同的技巧。click（）

（根据

slideState

的值选择图片）？@Juhana，因为我对jQuery知之甚少（作为一名15岁的学生和所有人…），我真的不知道如何实现它。我试过几种方法，但都不管用，而且我所看到的教程似乎都没有解决我的特定问题。这非常有效！谢谢目前，我已经复制、粘贴并更改了相关的图像源，但我将尝试了解它是如何工作的。再次感谢你。