jquery点击事件的问题

Question

      不知道页面的东西算不算JAVAEE开发这一块，现在我用jQuery写了一个点击事件，点击产生的效果是收缩一个帮助栏，我点击缩小后顶部的-号应该变成＋号，而点击展开后+号变成-号，现在我点击的结果是第一次显示的是-号，然后点击缩小，就变成+号，但是点击+号放大后不能变回来，不知道该怎么该,代码如下：
$("<img src=/img/-.gif id='showImg'>").appendTo("body")0.click(function(){$("#helpBar").toggle(function(){$("#showImg").attr("src","/img/+.gif");})});这个改怎么改，jQuery没学过，现在才刚看，-+是两张图片，就是我每点击一次都要换img的图片。
       还有另外一个问题，就是我怎么让一个div随着屏幕分辨率的变化而变化，而且这个div的背景是张图片，并且div中嵌套div，嵌套的div中也是图片。。
     我不是做前台的，现在专做前台去了。。悲剧！！！有好心人帮帮忙啊    

Answer 1

先用document.body.clientWidth;document.body.clientHeight;获得屏幕的宽度和高度 再用 $("#myDiv").style.width设置DIV的宽度和高度等等; 

Answer 2

//这种方法可能不太好，但是我页不是做前台的，哈哈哈
var flip = 0;//全局
$("#showServiceIdTbody").click(function () {
      $("#serviceIdTbody").toggle( flip % 2 == 0 );
      $("#showServiceIdTbody").toggleClass("number_Stretch_Show",flip%2==1);
      $("#showServiceIdTbody").toggleClass("number_Stretch_Hidden",flip%2==0);
      flip++;
  });

Answer 3

if($("#showImg").attr("src") == "+.GIF"){
$("#showImg").attr("src","-.GIF");
}else{
$("#showImg").attr("src","+.GIF");
}

Answer 4

if($("#showImg").attr("src") == "+.GIF"){
$("#showImg").attr("src","-.GIF");
}else{
$("#showImg").attr("src","+.GIF");
}

Answer 5

toggle要定义俩个function,负责切换$("<img src=/img/-.gif id='showImg'>").appendTo("body")0.click(function(){
$("#helpBar").toggle(function(){$("#showImg").attr("src","/img/+.gif");},function(){$("#showImg").attr("src","/img/-.gif");})
});

Answer 6

俺也不是做前台的。图片的切换可以考虑更改css控制，你的“-”“+”图片可以设为背景图
background-image: url(../images/one.gif);//默认只设置一个就可以
$(function(){
  $("#_yourId").click(function(){
    //.....
   changeIm($(this));
});
});function changeIm(yourNode) {
if (yourNode) {
if (yourNode.css("background-image").indexOf("one.gif") >= 0) {
yourNode.css("background-image","url('images/two.gif')");
} else {
yourNode.css("background-image","url('images/one.gif')");
}
}
}