Question

怎样把下面这段JS改成jQuery

<script language="JavaScript" type="text/JavaScript">

function showdiv(targetid,objN,tid,obj){

var target=document.getElementById(targetid);
var clicktext=document.getElementById(objN);
var target1=document.getElementById(tid);
var clicktext1=document.getElementById(obj);
if(target.style.display=="" && target1.style.display==""){//如果第一个不显示，第二个不显示

target.style.display="block";

}else if(target.style.display=="block" && target1.style.display==""){//如果第一个显示，第二个不显示

target.style.display="";
target1.style.display="";
}else if(target.style.display=="" && target1.style.display=="block"){//如果第一个不显示，第二个显示

target.style.display="block";
target1.style.display="";
}

}
</script>
我的目的是点击我的目的是想点击onClick="showdiv('contentid','showtext','contentid2','showtext2')"不用写那么多参数

Answer 1

var $target = $("#"+target),
$target1 = $("#"+target1);
$target.is(":hidden")//判断是否为不显示，隐藏返回true，否则返回false
$target.show()/hide(); //让$target显示/隐藏

追问

怎么放到html中去呀

追答

你这个是通过点击来实现的吧？既然如此，就不需要传ID了，直接在

$(selecotr).click(function(){}); 这里实现即可。把上面的代码放到这里面

追问

我套进去没有用，你套进去看有没有用呀！用JS效果我都实现了，只是点击事件太复杂了。onClick="showdiv('contentid','showtext','contentid2','showtext2')"

追答

用jquery的话不建议在html中写 onclick=''这种。
写在$(document).ready(function(){
$("#id").click(function(){//这个ID是你的onclick标签的id
var $target = $("#target"),//target, target1的字符串，标签的id
$target1 = $("#target1");
if($target.is(":hidden") && $target1.is(":hidden"))
$target.show();

//其他略，判断显示 !$target.is(":hidden")
});

});

追问

我的目的是写onClick="showdiv('contentid','showtext','contentid2','showtext2')"不要这么长。你知道我这上面JS是做什么用的嘛。

Answer 2

var target=document.getElementById(targetid);
target.style.display="block";

这两句话可以这么些：$(targetid).style.display="block"; 其他的类似

追问

我的目的是想点击onClick="showdiv('contentid','showtext','contentid2','showtext2')"不用写那么多参数

Answer 3

document.getElementById(targetid)==>$("#targetid")

target.style.display="block"==>$("#target").show()

其他的同理

追问

我的目的是想点击onClick="showdiv('contentid','showtext','contentid2','showtext2')"不用写那么多参数