jquery - 如何在 jquery 中单击链接时创建一个指向的 div

Question

“我想用左侧面板上的链接创建一个画廊(在右侧面板中)。如果我要单击左侧面板上的链接，右侧的画廊应该根据点击的内容动态变化用户，并且应该有一个 POINTED DIV 指向被点击的当前链接”。

这是我正在做的场景，但我不知道该怎么做。您有任何想法或链接可供我引用吗？

谢谢，

这是我的代码:

 <div class="left-panel">
    <ul>
       <li><a href="#link1" class="active">Link1</a></li>
       <li><a href="#link2">Link2</a></li>
       <li><a href="#link3">Link3</a></li>
     </ul>
 </div>
 <div class="right-panel">
    <!-- Output should be displayed here-->
     <img src="src1.jpg"/>
     <img src="src2.jpg"/>
     <img src="src3.jpg"/>
  </div>

Answer 1

尝试，

var anchors = $('.left-panel a');

anchors.click(function (e) {
    e.preventDefault();
    $('.active').removeClass('active');
    $(this).addClass('active');
    $('.right-panel img').hide().eq(anchors.index(this)).show();
});

DEMO