Jquery addClass不'；行不通

我试图使用.addClass（）将不同的段落添加到同一个段落中，但它不起作用，它总是将所有段落添加到div中

以下是我的html代码：

<div class="topText" id="text1">
    <a class="p1">link1</a>
    <a class="p2">link2</a>
    <a class="p3">link3</a>
    <a class="p4">link4</a>
    <div class="popUp">
    <p class="t1" style="text-align:justify;">text 1</p>
    <p class="t2" style="text-align:justify;">text 2</p>
    </div>
    </div>

---

也许我误解了您的目标，但是addClass（）不创建元素。它向选择器添加一个HTML类属性

addClass

用于向元素添加CSS类。要“添加”段落，请使用更合适的方法，例如

。append

这个

toggle（）

函数到底做了什么？对不起，我是jQuery的新手。但是，我尝试使用

.append（）

而不是

.addClass（）

但是结果是一样的，它总是将所有段落添加到一起。我需要的是，如果我点击第一个链接，第一段会出现在div中，而如果我点击第二个链接，第二段会出现在同一个div中，但第一段会消失。我为我的英语感到抱歉

$(document).ready(function(){

    $('#text1 p').click(function(event){

    $('.popUp').toggle(function(){
    $(this).animate({ width: 500, height: 200}).css('visibility','visible');

  //event.target è l'elemento su cui l'utente ha cliccato
  var $target = $(event.target);

  //inibisce il comportamento standard del link
  event.preventDefault(); 

  if ($target.hasClass('p1')) {
  $('.popUp').addClass('t1');
  } 
  else if ($target.hasClass('p2')) {
    $('.popUp').removeClass('.t1').addClass('.t2');


  } 
    else if ($target.hasClass('p3')) {

  }              
    else if ($target.hasClass('p4')) {

  } 
        });


    });
});