Javascript 根据列表项单击更改DIV内容

我在网页中有一个目录列表，我想根据单击的项目更改页面中div的内容。我见过下拉菜单的例子，但没有列表项。假设我有以下列表：

<ul class="nav-sidebar">
  <li><a  href="#">elem1</a></li>
  <li> <a  href="#">elem2</a></li>
  <li> <a  href="#">elem3</a></li>
</ul>

<div id="div1">this is div 1</div>
<div id="div2">this is div 2</div>
<div id="div3">this is div 3</div>

我是第一组
我是二组
我是第三组

例如，当用户单击elem1时，带有div1的div将以滑动方式显示

---

这就是我发现的示例：

要使用相同的行为，但更改为可以执行的列表：

$(function() {
    $('.nav-sidebar li').click(function() {
      var index = $(this).index() + 1;
      $('div:not(#div' + index + ')').slideUp();
      $('#div' + index).slideDown();
    });
});

---

小提琴手：

你自己有没有尝试过解决这个问题？你到底坚持什么？“您发现的示例”中的哪些内容不适用于您？是的，我已经尝试过，我的意思是我希望单击项目列表来触发div的转换。div的内容会根据单击的项目进行更改。那么您的问题是什么？明显缺乏

？

？这看起来很像一个“给我密码”的问题，这就是问题所在。因为这个问题占了我目前其他问题的0.00001%，谢谢你的反馈。