Jquery兑现点击切换图片并隐藏显示内容

Jquery实现点击切换图片并隐藏显示内容

我们的电脑屏幕大小是固定的，那么如何在有限的空间放更多的内容呢？

我们应该给用户足够的选择权，当他们想要看某些内容的时候可以很快的看到，不想看的时候就把他隐藏。于是就有了题目说的这个问题。

其实这个问题很简单，那么，之所以拿出来跟大家分享，一方面我们大家相互交流，另一方面，也是对自己的学习的一种总结。

这里我想到了两种方法，给大家分享一下。

好了不多说，下面看代码：

第一种，是常规的方法：

使用arguments.callee.em ^= 1自动选择数组参数
functionchangeimg() {    //换图片    var images = ['images/up.png','images/down.png']    var imgupdown =document.getElementById("hideimg");    imgupdown.src = images[arguments.callee.em^= 1];    //隐藏下方的div    var content =$(".hidecontent");    //根据display属性判断该进行的操作    if (content.css("display")!= "none") {       content.slideUp("slow");    } else {       content.slideDown("slow"); ;    }}
这里将图片地址放到了一个数组中，异或运算，自动选择数组参数，实现图片的切换。
内容的隐藏显示，则使用了.css属性。

下面是效果图：（待补充）