只有在jQuery的兩個元素

Question

我想用這段代碼的toogle兩個元素的顯示的切換顯示：

$('.annu-numtel-btn').click(function() 
{ 
$('.annu-numtel-btn').toggleClass('hidden'); 
$('.annu-numtel').toggleClass('visible hidden'); 
}); 

和這個網站：

<p class="annu-numtel-btn visible ">Afficher le n° de téléphone</p> 
<p class="annu-numtel hidden">Tél. : 01 31 32 45 78</p> 

它的工作，但如果我在同一頁面上有多個元素，它切換所有元素，我只想切換一個我點擊的元素。我怎樣才能做到這一點？提前致謝。

Answer 1

您需要定位以此方式點擊的元素。

$('.annu-numtel-btn').click(function() 
{ 
    $(this).toggleClass('hidden'); 
    $(this).next().toggleClass('visible hidden'); 
}); 

Answer 2

使用$(this)訪問當前點擊的元素：

$('.annu-numtel-btn').click(function() { 
 
     $(this).toggleClass('hidden'); 
 
     $('.annu-numtel').toggleClass('hidden'); 
 
    });

.hidden { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p class="annu-numtel-btn">Afficher le n° de téléphone</p> 
 
<p class="annu-numtel hidden">Tél. : 01 31 32 45 78</p>