Javascript 同时打开链接和div

几天前，我尝试创建一个系统，jQuery可以让我在单击时显示一个链接和一个div

链接到项目：

一个主要的条件是，当你点击一个打开的链接时，只改变了一个div的状态，而不是页面上所有div的状态

我在每个类别中都是这样一个div，有40个，而在css div中创建单独的类又一次忽略了要点

---

我的项目可以在jquery中完成什么？任何建议

如果您试图更改div的内容，请通过ID调用它。只需设置属性ID='something'，并使用JQuery调用它：$（'#something'）.html（'将此html添加到div'）

---

当您使用CSS时，它非常相似。只需指定一个ID或类并根据它设置样式规则。

您可以使用更通用的过程

<a href="http://www.yoursite.com/otherLink" 
   id="yourId" 
   class="opens-a-link-and-shows-a-div">Click here</a>
<div id="div-to-show-when-yourId-clicked" style="display: none">
    Your link has opened in a new window
</div>

---

（请参见my）

您可以使用

下一步来执行类似操作：


如果我正确理解了您的问题，HTML的扩展版本将如下所示：



    <a href="http://www.yoursite.com/otherLink" target="blank_"  id="yourId">Click here</a>
    <div class="hiddenDiv">Your link has opened in a new window</div>
    <div class="hiddenDiv">Your 2nd link has opened in a new window</div>
    <div class="hiddenDiv">Your 3rd link has opened in a new window</div>
    <div class="hiddenDiv">Your 4th link has opened in a new window</div>


我不知道这个问题的真正目的是什么。当您单击时，项目将打开一个id为“new”的新div。如果我的项目有这样的链接1000是如何只做一个改变的id=“新”的状态，而不是所有？
$('a.yourLink').click(function(event) {
        event.preventDefault();
        event.stopPropagation();
        $(this).next('.hiddenDiv').show();
        window.open(this.href, '_blank');
 });



    <a href="http://www.yoursite.com/otherLink" target="blank_"  id="yourId">Click here</a>
    <div class="hiddenDiv">Your link has opened in a new window</div>
    <div class="hiddenDiv">Your 2nd link has opened in a new window</div>
    <div class="hiddenDiv">Your 3rd link has opened in a new window</div>
    <div class="hiddenDiv">Your 4th link has opened in a new window</div>




    $('a#yourId').click(function(event) {
          event.preventDefault();
          event.stopPropagation();
          $(this).next('.hiddenDiv').show();
     });