problème complexe jQuery Travsersing

Question

J'ai une page qui affiche les résultats de recherche et a un DOM comme ce qui suit:

div.mcoupdisplay 
    div.mcoup //search result 1 
      div.lcoup 
     div.rcoup 
      div.rcoupmeta 
       a.rcoupedit 
       a.rcoupdelete 
     div.updcoup 
     div.delcoup 
    div.mcoup //search result 2 
     div.lcoup 
     div.rcoup 
      div.rcoupmeta 
       a.rcoupedit 
       a.rcoupdelete 
     div.updcoup 
     div.delcoup 

Je cache actuellement tous div.updcoup et div.delcoup et ajouter des fonctionnalités slideToggle avec les éléments suivants jQuery:

$('div.delcoup').hide(); 
    $('a.rcoupdelete').click(function() { 
     $(this).closest('div.mcoup').find('div.delcoup').slideToggle(400); 
     $('div.updcoup').slideUp(400); 
     $('div.crecoup').slideUp(400); 
     return false; 
    }); 

    $('div.updcoup').hide(); 
    $('a.rcoupedit').click(function() { 
     $(this).closest('div.mcoup').find('div.updcoup').slideToggle(400); 
     $('div.delcoup').slideUp(400); 
     $('div.crecoup').slideUp(400); 
     return false; 
    }); 

Say div.updcoup est basculée dans le résultat de recherche 1, puis je bascule div.updcoup dans le résultat de la recherche 2. Comment puis-je slideUp la recherche div.updcoup visible résultat 1 quand je bascule la div.updcoup dans le résultat de la recherche 2?

Answer 1

J'ai été inspiré par les commentaires de strager. Son n'était pas tout à fait là, la réponse de travail finale est ci-dessous:

$('div.delcoup').hide(); 
    $('a.rcoupdelete').click(function() { 
     var thisDelcoup = $(this).closest('div.mcoup').find('div.delcoup'); 
     $(this).closest('div.mcoup').find('div.delcoup').slideToggle(400); 
     $('div.delcoup').not(thisDelcoup).slideUp(400); 
     $('div.updcoup').slideUp(400); 
     $('div.crecoup').slideUp(400); 
     return false; 
    }); 

    $('div.updcoup').hide(); 
    $('a.rcoupedit').click(function() { 
     var thisUpdcoup = $(this).closest('div.mcoup').find('div.updcoup'); 
     $(this).closest('div.mcoup').find('div.updcoup').slideToggle(400); 
     $('div.delcoup').slideUp(400); 
     $('div.updcoup').not(thisUpdcoup).slideUp(400); 
     $('div.crecoup').slideUp(400); 
     return false; 
    }); 

Merci pour votre aide Strager!

Answer 2

Votre question n'est pas très clair pour moi, mais en lisant ceci:

Ma question est ce que la chaîne fonctionnerait mieux pour cibler tous les div.updcoup visibles et div.delcoup

Vous voulez ceci:

$('div.updcoup:visible, div.delcoup:visible').slideUp(400); 

Answer 3

Voulez-vous supprimer un élément de l'ensemble? Si oui, faites ceci:

var thisDelcoup = $(this).closest('div.mcoup').find('div.delcoup').slideToggle(400); 
$('div.delcoup').not(thisDelcoup).slideUp(400); 
$('div.updcoup').slideUp(400); 
$('div.crecoup').slideUp(400);