Javascript I'；“我试着做一般的”；“显示文本”；这个长段落的功能，但我可以'；我无法让它正确地切换文本

span上的hide类只包含display none。 我希望文本在他们单击“show more…”锚定时显示，然后当他们单击show less时，该锚定应显示“show less”，它应返回到show more并重新添加隐藏类。这样我可以切换隐藏类，使文本消失并重新显示。我已经试着去掉锚定标签，只需点击文本，但仍然不起作用

<p>System three focuses on Hypertrophy.  More reps and Sets and More Exercises Per Muscle Groups. The goal for this System is to increase size and muscle mass
                     without the need of dangerously ego lifting. This is the hardest system yet the most useful because it teaches how to lift safely 
                     <span class="hide text-to-show">but effectively with intensity  that can be used for life. Must be consistent and confident in System one and Two to proceed to this Section </span><br>
                     <a href=""><span class="read-more-text">...</span></a></p>



 <script> let readMoreText = $(".read-more-text");
    const text = $('.text-to-show');
    
    $(readMoreText).click(()=>{
        text.classList.toggle('hide');
        if(readMoreText.innerText === 'show more...'){
            readMoreText.innerText = 'show less';
        }else{
            readMoreText.innerText = 'show more...';
        }
    })</script>

系统三关注肥大。每个肌肉群进行更多的重复和设置，以及更多的练习。该系统的目标是增加体型和肌肉质量 不需要危险的自我提升。这是最难的系统，也是最有用的系统，因为它教你如何安全地提升 但有效的强度，可用于生活。必须对系统1和系统2保持一致和信心，才能继续本节

让readMoreText=$（“.readMoreText”）； 常量文本=$（'.text to show'）； $（readMoreText）。单击（（）=>{ text.classList.toggle（'hide'）； 如果（readMoreText.innerText===“显示更多…”）{ readMoreText.innerText='show less'； }否则{ readMoreText.innerText='显示更多…'； } })

• 。可以从函数内部引用要显示的文本

• 使用

  toggleClass

  代替

  classList

const readMoreText=$（“.readMoreText”）；
$（readMoreText）。单击（（e）=>{
$（“.text to show”）.toggleClass（“hide”）；
如果（e.currentTarget.innerText==“显示更多”）{
e、 currentTarget.innerText=“显示较少”；
}否则{
e、 currentTarget.innerText=“显示更多”；
}
});
.hide{
显示：无；
}

系统三关注肥大。每个肌肉群进行更多的重复和设置，以及更多的练习。该系统的目标是增加体型和肌肉质量
不需要危险的自我提升。这是最难的系统，也是最有用的系统，因为它教你如何安全地提升
但有效的强度，可用于生活。必须对系统1和系统2保持一致和信心，才能继续本节

。可以从函数内部引用要显示的文本
使用
toggleClass
代替
classList


const readMoreText=$（“.readMoreText”）；
$（readMoreText）。单击（（e）=>{
$（“.text to show”）.toggleClass（“hide”）；
如果（e.currentTarget.innerText==“显示更多”）{
e、 currentTarget.innerText=“显示较少”；
}否则{
e、 currentTarget.innerText=“显示更多”；
}
});
.hide{
显示：无；
}

系统三关注肥大。每个肌肉群进行更多的重复和设置，以及更多的练习。该系统的目标是增加体型和肌肉质量
不需要危险的自我提升。这是最难的系统，也是最有用的系统，因为它教你如何安全地提升
但有效的强度，可用于生活。必须对系统1和系统2保持一致和信心，才能继续本节
我想出来了！当您使用JQuery按类选择一个项时，它实际上会返回该类中所有内容的数组。尽管这是这个类的唯一元素，但它仍然位于数组中的位置0（因为JS是基于零的）。因此，调用变量时，零将其在数组中的位置指定为0。如果只针对特定元素，我建议您尽可能多地使用ID。我唯一改变的是我加了两个零

let readMoreText = $(".read-more-text")[0];
const text = $('.text-to-show')[0];

$(readMoreText).click(()=>{
    console.log("function activated")
    text.classList.toggle('hide');
    if(readMoreText.innerText === 'show more...'){
        readMoreText.innerText = 'show less';
        alert("Hi");
    }else{
        readMoreText.innerText = 'show more...';
    }
})

我知道了！当您使用JQuery按类选择一个项时，它实际上会返回该类中所有内容的数组。尽管这是这个类的唯一元素，但它仍然位于数组中的位置0（因为JS是基于零的）。因此，调用变量时，零将其在数组中的位置指定为0。如果只针对特定元素，我建议您尽可能多地使用ID。我唯一改变的是我加了两个零

let readMoreText = $(".read-more-text")[0];
const text = $('.text-to-show')[0];

$(readMoreText).click(()=>{
    console.log("function activated")
    text.classList.toggle('hide');
    if(readMoreText.innerText === 'show more...'){
        readMoreText.innerText = 'show less';
        alert("Hi");
    }else{
        readMoreText.innerText = 'show more...';
    }
})

或者像这样：


$（“.read more text”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this.parent（）.prev（）.toggleClass（“隐藏”）；
this.innerText=this.innerText==“显示更多”？“显示更少”：“显示更多”；
});
.hide{
显示：无；
}

系统三关注肥大。每个肌肉群进行更多的重复和设置，以及更多的练习。该系统的目标是增加体型和肌肉质量
不需要危险的自我提升。这是最难的系统，也是最有用的系统，因为它教你如何安全地提升
但有效的强度，可用于生活。必须对系统1和系统2保持一致和信心，才能继续本节

第四系统专注于其他方面。这里将详细描述它
但只有在你点击“显示更多”链接之后。
或类似的内容：


$（“.read more text”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this.parent（）.prev（）.toggleClass（“隐藏”）；
this.innerText=this.innerText==“显示更多”？“显示更少”：“显示更多”；
});
.hide{
显示：无；
}

系统三关注肥大。每个肌肉群进行更多的重复和设置，以及更多的练习。该系统的目标是增加体型和肌肉质量
不需要危险的自我提升。这是最难的系统，也是最有用的系统，因为它教你如何安全地提升
但有效的强度，可用于生活。必须对系统1和系统2保持一致和信心，才能继续本节

第四系统专注于其他方面。这里将详细描述它
但只有