他のすべてのテキストを切り替えることなくjQueryでテキストを切り替える

Question

これは明らかに私はjQueryがうまくいきませんが、どのように動作するかは十分に分かっています。それでは、私に必要なのは、単純なトグルがありますが、テキストはPHPによって生成されているので、私はそれだけでそのリンク、例の下にテキストを切り替える必要があります。

<a href="#">Toggle</a> 
<p class="mydesc">This text needs to be hidden until the toggle is activated.</p> 
<a href="#">Toggle</a> 
<p class="mydesc">This text needs to be hidden until the toggle is activated2.</p> 

を...と私はちょうど約20以上を持っていますこのような。私は.mydescをユニークな#idに変更できることを知っていますが、その後、個々の#idを切り替えるために大量のjQueryコードが必要になります。これを行う最も簡単な方法は何ですか？

Answer 1

クラスを追加し、ちょうど次の要素

<a href="#" class="myAnchor">Toggle</a> 

その後、

$('.myAnchor').on('click', function() { 
    $(this).next('p').toggle(); 
}); 

FIDDLE

Answer 2

をターゲット）は（次を使用してみてください。

$("a").on("click", function(e){ 
    e.preventDefault(); 
    $(this).next().doWhatEver(); 
});