Javascript 将.addClass移动到未选中的元素时，jQuery滑块的行为异常

我已经成功地制作了一个jQuery滑块，在.arrow-next1和.arrow-prev1上单击事件。我的所有元素在HTML中都是可见的，我使用CSS只显示.active-skill1和.active-title1类

除了与.arrow-prev1和我的.active-title1类相关的代码外，其他一切都正常工作

以下是HTML的设置方式：

<h3>
    <i class="icon icon-header ion-code-working"></i> Programming
    <span class="title1 active-title1"> [example1]</span>
    <span class="title1"> [example2]</span>
    <span class="title1"> [example3]</span>
</h3>

注意：如果我将跨度放在一个div中，我可以使其按预期工作，如下所示：

    <h3><i class="icon icon-header ion-code-working"></i> Programming
        <div class=title">
            <span class="title1 active-title1"> [example1]</span>
            <span class="title1"> [example2]</span>
            <span class="title1"> [example3]</span>
        </div>
    </h3>

编程
因为span的默认值为display:inline，而div的默认值为display:block。尝试将.title1 css类更改为display:block或display:inline block。这应该可以解决跳跃问题
 是的，我明白你的意思了，如果我把“display:inline；”应用到我上一个代码部分中的“.title”div，它就会像你说的那样工作。我真的很好奇为什么我的javascript不适用于前一个箭头，而适用于下一个箭头，我必须假设代码中有一个我看不到的bug，但我很欣赏你的解决方法！你能把那个插件放进小提琴吗，让我们看一看。我很确定css定义中有一个小问题导致了它。这里有一个问题：我不知道如何让箭头的图标显示在小提琴上。。。
    <h3><i class="icon icon-header ion-code-working"></i> Programming
        <div class=title">
            <span class="title1 active-title1"> [example1]</span>
            <span class="title1"> [example2]</span>
            <span class="title1"> [example3]</span>
        </div>
    </h3>