Javascript计数器正在工作,但未正确隐藏div

Javascript计数器正在工作,但未正确隐藏div,javascript,Javascript,我在一个网站上工作,使用javascript滚动文本。我使用的是一个计数器及其工作原理,但当它通过条件语句时,它并没有隐藏div或保持一致。有没有想过为什么会发生这种情况 谢谢 html: 我马上看到两件事:你在counter++后面缺少一个分号,你在锚href中引用javascript:ltoggle('box')而不是javascript:toggle('box') 改变这些能解决问题吗?如果没有,您是否介意在复制问题的地方设置一个JSFIDLE,以便我们可以仔细查看?首先,图像链接“jav

我在一个网站上工作,使用javascript滚动文本。我使用的是一个计数器及其工作原理,但当它通过条件语句时,它并没有隐藏div或保持一致。有没有想过为什么会发生这种情况

谢谢

html:


我马上看到两件事:你在
counter++
后面缺少一个分号,你在锚href中引用
javascript:ltoggle('box')
而不是
javascript:toggle('box')

改变这些能解决问题吗?如果没有,您是否介意在复制问题的地方设置一个JSFIDLE,以便我们可以仔细查看?

首先,图像链接“javascript:ltoggle('box');”中的“ltoggle”未定义。看起来应该只是“切换”

建议将标签更改为:

    <a id="arrowRight" href="" onClick="toggle('box');return false;">
为了解决这个问题,我相信js可以使用一个调用来查找已经设置的css样式,否则,用js设置它。查看此帖子:

如果我们都是这样的话,这件事可能会奏效

    var counter = 1;
    var numBoxes = 8;

    function toggle(divName){
counter++
var ele = document.getElementById(divName + counter);
console.log(divName + counter);

if(ele.style.display == "block"){
    ele.style.display = "none";
}
else{
    ele.style.display = "block";
}
if(counter==numBoxes){
    counter = 0;
}

    }
    <a id="arrowRight" href="" onClick="toggle('box');return false;">
    if(ele.style.display == "block")