Javascript 如何在jQuery中隐藏基础选项卡

嗨，伙计们，我必须尽快推出一个网站，但我需要在课程中隐藏标签，这样学生就不会通过此代码看到分级作业标签。因此，我尝试选择学习表答案键和分级作业答案键的选项卡代码部分如下：

       Panels-->
    <dl class="tabs" data-tab>
    <dd class="active"><a href="#p1a">Study Sheets</a></dd>
    <dd><a href="#p1b">Study Sheets Answer Keys</a></dd>
    <dd><a href="#p1c">Graded Assignments</a></dd>
    <dd><a href="#p1d">Graded Assignment Answer Keys</a></dd>
  </dl>
  <div class="tabs-content">
    <div class="content active" id="p1a">
          <ul class="ss">
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Study/CCAlg1S1StudyU1.PDF">Study Sheet Unit One</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Study/CCAlg1S1StudyU2.PDF">Study Sheet Unit Two</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Study/CCAlg1S1StudyU3.PDF">Study Sheet Unit Three</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Study/CCAlg1S1StudyU4.PDF">Study Sheet Unit Four</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Study/CCAlg1S1StudyU5.PDF">Study Sheet Unit Five</a></li>
          </ul>
    </div>
    <div class="content" id="p1b">
      <ul class="ssa">
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1StudyKey/CCAlg1S1StudyKeyU1.PDF">Study Sheet w/ Answers Unit One</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1StudyKey/CCAlg1S1StudyKeyU2.PDF">Study Sheet w/ Answers Unit Two</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1StudyKey/CCAlg1S1StudyKeyU3.PDF">Study Sheet w/ Answers Unit Three</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1StudyKey/CCAlg1S1StudyKeyU4.PDF">Study Sheet w/ Answers Unit Four</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1StudyKey/CCAlg1S1StudyKeyU5.PDF">Study Sheet w/ Answers Unit Five</a></li>
          </ul>
    </div>
    <div class="content" id="p1c">
      <ul class="ga">
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Graded/CCAlg1S1GradedU1.PDF">Graded Assignment Unit One</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Graded/CCAlg1S1GradedU2.PDF">Graded Assignment Unit Two</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Graded/CCAlg1S1GradedU3.PDF">Graded Assignment Unit Three</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Graded/CCAlg1S1GradedU4.PDF">Graded Assignment Unit Four</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1Graded/CCAlg1S1GradedU5.PDF">Graded Assignment Unit Five</a></li>
     </ul>
    </div>
    <div class="content" id="p1d">
      <ul class="gaa">
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1GradedKey/CCAlg1S1GradedKeyU1.PDF">Graded Assignment w/ Answers Unit One</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1GradedKey/CCAlg1S1GradedKeyU2.PDF">Graded Assignment w/ Answers Unit Two</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1GradedKey/CCAlg1S1GradedKeyU3.PDF">Graded Assignment w/ Answers Unit Three</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1GradedKey/CCAlg1S1GradedKeyU4.PDF">Graded Assignment w/ Answers Unit Four</a></li>
          <li><a href="/paperWork/Math/CCAlgebra1Sem1/CCAlgebra1Sem1GradedKey/CCAlg1S1GradedKeyU5.PDF">Graded Assignment w/ Answers Unit Five</a></li>
          </ul>
    </div>
  </div>       
        </div>  
    </dd>
    </dl>

我尝试了一些其他的变化，但似乎没有任何效果。我可以删除部分，但我想使用js。谢谢朋友们。

/----错误的类声明

$（文档）.ready（函数（）{

}

//----我认为这是正确的代码。我希望它能工作

$（文档）.ready（函数（$）{

---

}

因此，如果我理解正确，您希望通过JS隐藏包含答案的选项卡。我认为您不应该包含答案的html，因为即使您使用JS隐藏答案，他们也可以轻松地查看源代码。我一直都这样做，因为老师会这样做。谢谢，你们知道学生是否会禁用JS吗他仍然能够访问文件，因为我不希望他们入侵dom，如果可能的话，我不确定。

$(document).ready(function(){
    $("ul>.gaa").hide();
    $("ul>.saa").hide();
   }

$("ul>.gaa").hide();

$("ul>.saa").hide();

$(".content ul.gaa").hide();

$(".content ul.saa").hide();