如何为每个div ID链接javascript隐藏/显示函数?

如何为每个div ID链接javascript隐藏/显示函数?,javascript,Javascript,我有许多具有相同功能的s document.getElementById(“减号”).onclick=function(){ 函数隐藏() }; 函数functionHide(){ document.getElementById(“plus”).style.display=“block”; document.getElementById(“减号”).style.display=“无”; } document.getElementById(“plus”).onclick=function(){

我有许多具有相同功能的
s

document.getElementById(“减号”).onclick=function(){
函数隐藏()
};
函数functionHide(){
document.getElementById(“plus”).style.display=“block”;
document.getElementById(“减号”).style.display=“无”;
}
document.getElementById(“plus”).onclick=function(){
functionShow()
};
函数functionShow(){
document.getElementById(“plus”).style.display=“无”;
document.getElementById(“减号”).style.display=“块”;
}
#plus{
显示:无;
光标:指针;
}
#减去{
光标:指针;
}
.对{
浮球:对
}
.w50{
宽度:50%;
文本对齐:居中;
}

我需要完成哪些文件才能申请离婚?
- 
+

我如何更改我的监护和支持命令? - +


您的逻辑需要稍微复杂一些:

var电流=-1;
函数handleClick(已单击){
$(“.w50 p”).removeClass(“活动”).find(“span”).text(“+”);
$(“#方框p”).hide();
如果(当前===单击){
电流=-1;
返回;
}
当前=单击;
$(“.w50 p”).eq(current).addClass(“active”).find(“span”).text(“-”);
$(“#方框p”).eq(当前).show();
}
$(文档).ready(函数(){
元(“.w50 p”)。每个(功能(i,el){
$(this.append($(“”).text(“+”);
$(此)。单击(函数(){
handleClick(i);
});
});
$(“.w50 p”).eq(0)。单击();
});
.w50{
宽度:80%;
文本对齐:居中;
}
.w50 p{
光标:指针
}
.w50 p.active{
颜色:橙色
}
.w50 p跨度{
浮动:对;
宽度:1米;
显示:内联块;
}
#盒子{
背景颜色:橙色;
利润率:20px;
最小高度:6em;
}
#方框p{
显示:无;
填充:1米
}

我需要完成哪些文件才能申请离婚

我如何更改我的监护权和支持令

文书工作说明

保管说明


您使用的是重复ID,这是一个禁忌。下面是一个使用类和
的示例。querySelectorAll

var minuses = document.querySelectorAll(".minus");
var pluses = document.querySelectorAll(".plus");

minuses.forEach(function(minus) {
  minus.addEventListener('click', functionHide);
});

pluses.forEach(function(plus) {
  plus.addEventListener('click', functionShow);
});

function functionHide() {
  pluses.forEach(function(plus) {
    plus.style.display = "block";
  });
  minuses.forEach(function(minus) {
    minus.style.display = "none";
  });
}

function functionShow() {
  pluses.forEach(function(plus) {
    plus.style.display = "none";
  });
  minuses.forEach(function(minus) {
    minus.style.display = "block";
  });
}

您可以根据自己的特定用途进行修改。

因为您的ID是重复的,并且应该是唯一的。为此使用类。如果他没有使用jQuery呢?非常感谢。它起作用了!我知道如何激活第一个问题的跨度?(使用负号,而不是+)我试图添加“active”类,但它不起作用。我会知道并了解这一点,我从2小时后就开始尝试,我所做的一切都会显示问题的段落。@SeanMgd您可以模拟点击。在最后一个
}之前,插入以下内容:
$(“.w50 p”).eq(0)。单击()