Jquery .next() aide

Question

J'utilise le code suivant pour masquer et afficher une boîte sur un groupe de résultats de recherche. Chaque résultat a sa propre bascule et sa propre case à afficher et masquer. Le problème que j'ai est que cliquer sur l'un des boutons bascule affichera et cachera TOUTES les cases de la page et PAS seulement la case correspondant au résultat. Comment puis-je faire ceci?

Merci

jQuery(document).ready(function ($) { 

    $("div.MoreResultsTrigger").click(function (e) 
    { 
     $("div.MoreResultsTrigger").next().slideToggle('fast'); 
    }); 

}); 

CODE MIS À JOUR AU MOYEN FLOTTANT

$('a.MoreResultsTrigger').hover(
     function() { 
      $(this).next().show(); 
     }, 
     function() { 
      $(this).next().hide(); 
     } 
    ); 

Answer 1

Utilisez le mot-clé this puisque vous ne voulez cacher l'élément à côté de celui que vous êtes en cliquant sur.

jQuery(document).ready(function ($) { 

    $("div.MoreResultsTrigger").click(function (e) 
    { 
     $(this).next().slideToggle('fast'); 
    }); 

}); 

Answer 2

non testé, mais essayer:

$("div.MoreResultsTrigger").click(function (e) 
    { 
     $(this).next().slideToggle('fast'); 
    }); 

Answer 3

utilisation $(this).next().slideToggle('fast'); qui s'appliquera à seulement celui que vous avez sélectionné. En ce moment, il applique le slideToggle à TOUS les div.MoreResultsTrigger.

Answer 4

Essayez ceci:

jQuery(document).ready(function ($) { 

    $("div.MoreResultsTrigger").click(function() 
    { 
     $(this).next('.toggleable').slideToggle('fast'); 
    }); 

}); 

L'ajout de la classe « .toggleable » à la .next() est juste au cas où vous pourriez avoir d'autres choses entre les deux que vous ne voulez pas passer. Vous devez bien sûr ajouter la classe .toggleable à tous les éléments qui vous intéressent. Bien sûr, vous pouvez remplacer, et devrait, remplacer toggleable par un nom qui a plus de sens.