使用jquery show（）和hide（）打开/关闭

我一直在努力让这项工作，使关闭/打开开关的效果，如何最好地得到这个结果？有什么方法比另一种更好吗？切换？或者别的什么

我试图在这里添加一个片段，但不幸的是图像没有显示。。。我在git上有我的代码，如果你想看看。。。

我理解css可能也不正确，我相信两个图像应该占据相同的空间，其中一个图像应该设置为显示：无。。。但我不能让它工作

$（文档）.ready（函数（）{
log（“来自jQuery的你好！”）；
$（'.switch'）。打开（'click'，function（）{
$（'.night'）.hide（）；
$（“.day”）.show；
})
$（'.switch'）。打开（'click'，function（）{
$（'.night'）.show（）；
$（'.day'）.hide（）；
});
});
开关{
z指数：1；
浮动：对；
}
.天{
显示：无；
背景：url(http://imgur.com/KsK0GCt);
}
.晚上{
背景：url(http://imgur.com/os0mgek);
}
.黑夜，.白天{
高度：332px；
宽度：225px；
浮动：对；
背景重复：无重复；
}



$（文档）.ready（函数（）{
$（'.switch'）。打开（'click'，function（）{
$（'.night，.day'）.toggle（）；
});
});
开关{
z指数：1；
浮动：对；
}
.天{
显示：无；
背景：url(http://i.imgur.com/KsK0GCt.png);
}
.晚上{
背景：url(http://i.imgur.com/os0mgek.png);
}
.黑夜，.白天{
高度：332px；
宽度：225px；
}

$（'#选择器'）.toggle（）
或执行类似于
的操作如果$（'#选择器'）.hasvclass（'day'）{$（'#选择器'）.removeClass（'day'）；$（'#选择器'）.addClass（'night'）；}否则{$（'#选择器'）.removeClass（'night'）；$（'#选择器'）.addClass（'day'））
您应该只有一次单击功能，而不是两次？而且您的第一个切换方法$（'.day'）.show中缺少了show方法的partthesis部分。show；应该是$（'.day'）.show（）；哇，很简单…谢谢Roko…做到了…我将尽快接受您的答案。再次感谢