JavaScript编码辅助

我想要一些帮助，使“显示图片”按钮显示/隐藏图片时，点击它。我正在尝试使用If/Else语句来完成它，因为这是一个学校项目，是必需的。由于某种原因，我无法理解，我们将非常感谢您的帮助

$（文档）.ready（函数（）{
$（'#showA'）。在（'click'，function（）上{
$（'#house1'）.css（'opacity'，1'）.fadeIn（'slow'）；
});
$（'#resetA'）。单击（函数（）{
$（this）.parent（'form'）.find（'input[type=“text”]”）.val（“”）；
});
$（'#submitA'）。单击（函数（）{
window.alert（“我们将很快通过电子邮件与您联系，以便处理您在马萨诸塞州查塔姆的房屋的付款方式。感谢您选择Bazegian Cape Cod租赁房屋！”）；
});
$（'#showB'）。在（'click'，function（）上{
$（'#house2'）.css（'opacity'，1'）.fadeIn（'slow'）；
});
$（'#resetB'）。单击（函数（）{
$（this）.parent（'form'）.find（'input[type=“text”]”）.val（“”）；
});
$（'#submitB'）。单击（函数（）{
window.alert（“我们将很快通过电子邮件联系您，以便处理您在马萨诸塞州Wellfleet的房屋的付款方式。感谢您选择Bazegian Cape Cod租赁房屋！”）；
});
$（'#showC'）。在（'click'，function（）上{
$（'3'）.css（'opacity'，1'）.fadeIn（'slow'）；
});
$（'#resetC'）。单击（函数（）{
$（this）.parent（'form'）.find（'input[type=“text”]”）.val（“”）；
});
$（'#submitC'）。单击（函数（）{
window.alert（“我们将很快通过电子邮件与您联系，以便处理您在马萨诸塞州丹尼斯的房屋的付款方式。感谢您选择Bazegian Cape Cod租赁房屋！”）；
});
$（'#showD'）。在（'click'，function（）上{
$（'#house 4'）.css（'opacity'，1'）.fadeIn（'slow'）；
});
$（“#重置”）。单击（函数（）{
$（this）.parent（'form'）.find（'input[type=“text”]”）.val（“”）；
});
$（'#submitD'）。单击（函数（）{
window.alert（“我们将很快通过电子邮件联系您，以便处理您在马萨诸塞州Provincetown的房屋的付款方式。感谢您选择Bazegian Cape Cod租赁房屋！”）；
});
});
img{
填充：29px；
不透明度：0；
宽度：250px；
高度：250px；
}
div{
垂直对齐：顶部；
宽度：267px；
高度：自动；
显示：内联块；
填充：20px；
边际：0px；
边界半径：10px；
边框：1px实心；
}
p{
保证金：5px；
填充：3倍；
背景颜色：蓝色；
边界半径：8px；
}

最终项目
巴泽吉安科德角租赁之家酒店
马萨诸塞州查塔姆市

每天300美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州韦尔弗利特市

每天250美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州丹尼斯

每天350美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州Provincetown

每天300美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
首先将所有图像的不透明度切换为0，然后显示右侧图像

$('img').css('opacity',0);


$（'.show'）。在（'click'，function（）上{
$（'img'）.css（'opacity'，0）；
var ind=$（this）.closest（'.house'）.parent（）.index（）；
$（'img'）.eq（ind）.css（'opacity'，1.）.fadeIn（'slow'）；
});
$（'.reset'）。单击（函数（）{
$（this）.parent（'form'）.find（'input[type=“text”]”）.val（“”）；
});
$（'.submit'）。单击（函数（）{
window.alert（“我们将很快通过电子邮件与您联系，以便处理您在马萨诸塞州查塔姆的房屋的付款方式。感谢您选择Bazegian Cape Cod租赁房屋！”）；
});
img{
填充：29px；
不透明度：0；
宽度：250px；
高度：250px；
}
div{
垂直对齐：顶部；
宽度：267px；
高度：自动；
显示：内联块；
填充：20px；
边际：0px；
边界半径：10px；
边框：1px实心；
}
p{
保证金：5px；
填充：3倍；
背景颜色：蓝色；
边界半径：8px；
}

巴泽吉安科德角租赁之家酒店
马萨诸塞州查塔姆市

每天300美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州韦尔弗利特市

每天250美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州丹尼斯

每天350美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
马萨诸塞州Provincetown

每天300美元

名称：



电子邮件地址：



电话号码：



您想租多少天？

5-10天
10-15天
15-20天
我正在尝试使用If/Else
-您发布的代码中没有
If
或
Else
，因此，您根本没有尝试，看起来它对我有效，单击按钮时会显示图像，但在演示中不起作用，因为图像不存在。您的浏览器控制台中有错误吗？