Jquery 通过单击另一个div将类添加到div

我正在尝试建立一个带有侧边栏的网站。当我单击侧边栏中的某个项目时，我希望显示属于该主题的文本

到目前为止，我在正文中有以下html：

<nav class="menu">
 <ul>
  <li class="kategorie" id="links">
      <a href=#>Links</a>
  </li>
  <li class="kategorie" id="kontakt">
      <a href=#>Kontakt</a>
  </li>
  <li class="kategorie" id="fotos">
      <a href=#>Fotostrecke</a>
  </li>
 </ul>
</nav>

<div class="text">
 <h2>
    Fotos
 </h2>
</div>

我在头部添加了以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
$(function() {
  $("#fotos").click(function() {
    $(".text").addClass('visible');
  });
});
</script>

$（函数（）{
$（“#fotos”）。单击（函数（）{
$（“.text”）.addClass（“可见”）；
});
});

但它仍然不起作用。我仍然是jquery的初学者，所以我怀疑这就是错误所在，但我找不到它。

试试这个

$(document).ready(function(){
   $(document).on('click','#fotos',function(){
      $(document).find('.text').addClass('visible');
   });
});

---

也许这就是问题所在

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#fotos").click(function() {
            $(".text").addClass('visible');
        });
    });
</script>

$（函数（）{
$（“#fotos”）。单击（函数（）{
$（“.text”）.addClass（“可见”）；
});
});

属于其他类别的其他文本在哪里？我不确定您是否可以使用带有

src

和脚本的同一

标记。@Xufox我也不知道，但我看不出有什么不起作用。根据：“

script

具有指定的

src

属性的元素不应在其标记中嵌入脚本。”对……脚本标记中的一个错误。工作正常。谢谢！如何使此项改为切换？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#fotos").click(function() {
            $(".text").addClass('visible');
        });
    });
</script>