en changeant jquery 'this' et 'next', en un élément spécifique

Question

Je travaille avec le code suivant;

<a href=\"#\" onClick=\"if($(this).next('div').css('display') == 'none') { $(this).next('div').show('fast'); } else { $(this).next('div').hide('fast'); } return false;\">Link</a> 

Ce que je dois faire, est de changer la partie if($(this).next('div'), pour cibler un ID d'élément spécifique, et non le suivant de l'emplacement actuel.

Toutes les idées sont très appréciées, ainsi que des explications.

Merci d'avance.

Answer 1

Vous pouvez utiliser $('#myDiv') pour sélectionner un élément avec id="myDiv". En outre, vous devez utiliser la fonction toggle pour ceci:

<a href=\"#\" onClick=\"$('#myDiv').toggle('fast');\">Link</a> 

Answer 2

donc ce que vous voulez faire est de convertir:

<a href=\"#\" onClick=\"if($(this).next('div').css('display') == 'none') { $(this).next('div').show('fast'); } else { $(this).next('div').hide('fast'); } return false;\">Link</a> 

dans:

<a href=\"#\" onClick=\"if($('#SomeElement').css('display') == 'none') { $('#SomeElement').show('fast'); } else { $('#SomeElement').hide('fast'); } return false;\">Link</a> 

????

Mais bien sûr, je suppose qu'il n'y a qu'un SomeElement sur la page. J'essaie de m'assurer que je comprends la question ...

Answer 3

Cibler l'ID de l'élément que vous voulez changer. Par exemple.

<a href="#" onClick="if('#myElement').css('display') == 'none') { $('#myElement').show('fast'); } else { $('#myElement').hide('fast'); } return false;">Link</a> 

HTML:

<div id="myElement">Whatever</div>