如何为每个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)。单击()代码>