Html 交换图像以启用/禁用DIV

我只是个初学者。 是否有代码使用两个不同的图像作为按钮来禁用和启用。大多数示例使用两个单独的按钮，但我需要使用一个带有两个图像的按钮：一个用于关闭，另一个用于打开

$（函数（）{
$（“#启用”）。单击（函数（）{
$（“.div1*”）.prop（'disabled'，true）；
});
$（“#禁用”）。单击（函数（）{
$（“.div1*”）.prop（'disabled'，false）；
});
});

测试
名称：



使用包含两个按钮图像的图像精灵。使用
背景位置
设置要显示的图像部分


$（文档）.ready（函数（）{
var isDisabled=假；
$（'.toggle'）。单击（函数（）{
isDisabled=！isDisabled；//反转值
$（'.div1 input'）.prop（'disabled'，isDisabled）；
});
});
#按钮1{
背景：url（'http://images.sixrevisions.com/2009/05/04-31_slick_clean_30.png'）无重复-80px-14px；
宽度：246px；
高度：48px；
边界：无；
}
#按钮1：禁用{
背景位置：-80px-63px；
}

名称：




切换输入
$（.div1”）.hide（）；用于隐藏$（“.div1”）.show（）；为显示隐藏的div，希望这对您很有帮助。@ArthurKs如果它回答了您的问题，请接受答案