Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击+;时辅助列移动;三个点';不是子弹_Javascript_Html_Css - Fatal编程技术网

Javascript 单击+;时辅助列移动;三个点';不是子弹

Javascript 单击+;时辅助列移动;三个点';不是子弹,javascript,html,css,Javascript,Html,Css,我想知道如何让这3个点不是子弹。我也不想隐藏项目符号,因为它将在我的项目符号列表中显示为一个间隙,就像单击“显示更多”按钮时那样,并使列表不均匀。我不太懂JavaScript,所以我不知道如何解决这个问题 函数myFunction(){ var dots=document.getElementById(“dots”); var btnText=document.getElementById(“myBtn”); var more=document.queryselectoral(“.more”

我想知道如何让这3个点不是子弹。我也不想隐藏项目符号,因为它将在我的项目符号列表中显示为一个间隙,就像单击“显示更多”按钮时那样,并使列表不均匀。我不太懂JavaScript,所以我不知道如何解决这个问题


函数myFunction(){
var dots=document.getElementById(“dots”);
var btnText=document.getElementById(“myBtn”);
var more=document.queryselectoral(“.more”);
如果(dots.style.display==“无”){
more.forEach(el=>el.classList.add(“隐藏”);
dots.style.display=“inline”;
btnText.innerHTML=“阅读更多”;
}否则{
more.forEach(el=>el.classList.remove(“hidden”);
dots.style.display=“无”;
btnText.innerHTML=“少读”;
}
}
#更多{
显示:无;
}
.栏目{
栏目:2个;
-webkit栏目:2个;
-moz列:2个;
位置:相对位置;
}
.赫德{
字体大小:16px;
字号:800;
列表样式:无;
利润率:15px 0px 5px;
}
.隐藏{
显示:无;
}	
表1.map-list td{
宽度:50%!重要;
垂直对齐:顶部!重要;
}
初级的
  • 地图:主地图:ELS
  • 地图:主要:准备就绪
  • 美国历史:8次革命 战争
次要的
  • 地图:中级:物理
  • 地图:中级:政治
  • 地图:次要:人口 主题的
阅读更多
删除
  • 点的父元素将解决该问题

    <span id="dots">...</span>
    
    。。。
    
    现场示例:

    
    函数myFunction(){
    var dots=document.getElementById(“dots”);
    var btnText=document.getElementById(“myBtn”);
    var more=document.queryselectoral(“.more”);
    如果(dots.style.display==“无”){
    more.forEach(el=>el.classList.add(“隐藏”);
    dots.style.display=“inline”;
    btnText.innerHTML=“阅读更多”;
    }否则{
    more.forEach(el=>el.classList.remove(“hidden”);
    dots.style.display=“无”;
    btnText.innerHTML=“少读”;
    }
    }
    #更多{
    显示:无;
    }
    .栏目{
    栏目:2个;
    -webkit栏目:2个;
    -moz列:2个;
    位置:相对位置;
    }
    .赫德{
    字体大小:16px;
    字号:800;
    列表样式:无;
    利润率:15px 0px 5px;
    }
    .隐藏{
    显示:无;
    }	
    表1.map-list td{
    宽度:50%!重要;
    垂直对齐:顶部!重要;
    }
    初级的
    
    • 地图:主地图:ELS
    • 地图:主要:准备就绪
    • ... 美国历史:8次革命 战争
    次要的
    • 地图:中级:物理
    • 地图:中级:政治
    • 地图:次要:人口 主题的
    阅读更多
    删除
  • 点的父元素将解决该问题

    <span id="dots">...</span>
    
    。。。
    
    现场示例:

    
    函数myFunction(){
    var dots=document.getElementById(“dots”);
    var btnText=document.getElementById(“myBtn”);
    var more=document.queryselectoral(“.more”);
    如果(dots.style.display==“无”){
    more.forEach(el=>el.classList.add(“隐藏”);
    dots.style.display=“inline”;
    btnText.innerHTML=“阅读更多”;
    }否则{
    more.forEach(el=>el.classList.remove(“hidden”);
    dots.style.display=“无”;
    btnText.innerHTML=“少读”;
    }
    }
    #更多{
    显示:无;
    }
    .栏目{
    栏目:2个;
    -webkit栏目:2个;
    -moz列:2个;
    位置:相对位置;
    }
    .赫德{
    字体大小:16px;
    字号:800;
    列表样式:无;
    利润率:15px 0px 5px;
    }
    .隐藏{
    显示:无;
    }	
    表1.map-list td{
    宽度:50%!重要;
    垂直对齐:顶部!重要;
    }
    初级的
    
    • 地图:主地图:ELS
    • 地图:主要:准备就绪
    • ... 美国历史:8次革命 战争
    次要的
    • 地图:中级:物理
    • 地图:中级:政治
    • 地图:次要:人口 主题的
    阅读更多
    如果你认为我的回答已经回答了你的问题,那就考虑把它标记为将来读者的利益。更多信息:如果你认为我的回答已经回答了你的问题,那么就考虑把它标记为将来读者的利益。更多信息:。