Javascript 单击+;时辅助列移动;三个点';不是子弹
我想知道如何让这3个点不是子弹。我也不想隐藏项目符号,因为它将在我的项目符号列表中显示为一个间隙,就像单击“显示更多”按钮时那样,并使列表不均匀。我不太懂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”
函数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次革命
战争
次要的
- 地图:中级:物理
- 地图:中级:政治
- 地图:次要:人口
主题的
阅读更多
如果你认为我的回答已经回答了你的问题,那就考虑把它标记为将来读者的利益。更多信息:如果你认为我的回答已经回答了你的问题,那么就考虑把它标记为将来读者的利益。更多信息:。