使用jQuery时'；s单击某个类上的事件，如何避免使用该类名调用所有事件？

很抱歉，我的问题措词不当，但如果你看一下代码，我问的其实很简单

$(".toggle").click(function () { 
    var togg = $(this).attr( 'id' );
    if( $(this).text() == 'Read More >>' )
    {
        $("." + togg).addClass( "myBlurbExpanded" , 2000 );
        $("." + togg).removeClass( togg , 2000 );
        $(this).text('Read Less >>');
    }
    else if( $(this).text() == 'Read Less >>' )
    {
        $(".myBlurbExpanded").addClass( togg , 2000 );
        $(".myBlurbExpanded").removeClass( "myBlurbExpanded" , 2000 );
        $(this).text('Read More >>');
    }
   });

我的页面在照片旁边有一堆不同人物的传记。我不想看到整个简历，所以有一个“显示更多”和“显示更少”的链接。“显示更多/更少”链接的类为“.toggle”。所以每次点击，所有的传记都会展开。如何将传记扩展限制为仅单击的扩展。将.toggle类添加到链接中是否是错误的做法。谢谢

谢谢你的回复

首先，这里是我的html的一个例子

<div class="teamInfo">
    <h3 class="lightblue">John Doe</h3>
    <p class="lightblue"><strong>Programmer</strong></p>
    <div class="myBlurb8">
      information about this person
    </div>
    <a href="#" onclick="return false;" id="myBlurb8" class="toggle">Read More >></a>
</div>

无名氏
程序员

关于此人的信息

下一步，我将尝试改变切换到（这个），看看会发生什么

---

干杯

您需要为click函数的事件分配一个变量，然后使用

事件。target

而不是

this

，如下所示：

$(".toggle").click(function (event) { 
    var $target = $(event.target);
    var togg = $target.attr( 'id' );
    if( $target.text() == 'Read More >>' )
    {
        $("." + togg).addClass( "myBlurbExpanded" , 2000 );
        $("." + togg).removeClass( togg , 2000 );
        $target.text('Read Less >>');
    }
    else if( $target.text() == 'Read Less >>' )
    {
        $(".myBlurbExpanded").addClass( togg , 2000 );
        $(".myBlurbExpanded").removeClass( "myBlurbExpanded" , 2000 );
        $target.text('Read More >>');
    }
});

---

更改

$（“+togg）.addClass（“MyBlurbeExpanded”，2000）时会发生什么情况到
$（this）.addClass（“MyBlurbeExpanded”，2000年）？如果看不到HTML标记的示例，就很难给出任何建议，除了如何做之外。