只有在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>