두 개의 유사한 문서를 다른 클래스와 함께 사용할 수 있습니다.

Question

이 두 문서는 잘 작동합니다. 단지 하나만 갖고 싶습니다. 내가 그들을 함께 넣으면 때문에

내 목표는 .flipen

,

.flipfr 만 .flip1fr에서 작동하며 .flipperen.click 만 .flip1en에서 작동 .flipperfr.click하는 것입니다 .flipperfr .click 또는 .flipperen.click 작업은

모든 수업에 적용됩니다.

이

$(document).ready(function() { 
var $flips = $('.flip1fr, .flipfr '); 
$(".flipperfr").click(function() { 
var $cur = $(this).next().stop().slideToggle("fast"); 
$flips.not($cur).stop().slideUp() 
}); 
}); 


$(document).ready(function() { 
var $flips = $('.flip1en, .flipen '); 
$(".flipperen").click(function() { 
var $cur = $(this).next().stop().slideToggle("fast"); 
$flips.not($cur).stop().slideUp() 
}); 
}); 

처음에 나는 쉬운 방법처럼 사용하고 싶었 그것은 작동하지 않지만 업데이트 :

$(document).ready(function() { 
var $flips = $('.flip1fr, .flipfr '); $('.flip1en, .flipen '); 
$(".flipperfr"); $(".flipperen").click(function() { 
var $cur = $(this).next().stop().slideToggle("fast"); 
$flips.not($cur).stop().slideUp() 
}); 
}); 

왜냐면이 만이 부분은 여기 내 두 JS 기능입니다 두 기능 사이에 다른

var $flips = $('.flip1fr, .flipfr '); $(".flipperfr").click(function() { 
var $flips = $('.flip1en, .flipen '); $(".flipperen").click(function() { 

UPDATE2, 여기에서 문제는 내가 플립을 갈 때 모두가 잘 만에서 한쪽 작동한다는 것입니다 다른 블록은 보이지 않게 유지하고 flipperfr처럼 숨기지 마십시오. 내가 잘못 했어?

$(document).ready(function() { 
var $flips = $('.flip1fr, .flipfr '); 
var $flips = $('.flip1en, .flipen '); 
$(".flipperfr, .flipperen").click(function() { 
var $cur = $(this).next().stop().slideToggle("fast"); 
$flips.not($cur).stop().slideUp() 
}); 
}); 

또는

$(document).ready(function() { 
var 
$flips = $('.flip1fr, .flipfr '); 
$flips = $('.flip1en, .flipen '); 
$(".flipperfr, .flipperen").click(function() { 
var $cur = $(this).next().stop().slideToggle("fast"); 
$flips.not($cur).stop().slideUp() 
}); 
}); 

Answer 1

아마도이 같은

$(document).ready(function() { 
    var $flips = { 
    fr: $('.flip1fr, .flipfr '), 
    en: $('.flip1en, .flipen ') 
    } 

    $(".flipperfr, .flipperen").click(function() { 
    var lang = $(this).hasClass('flipperfr') ? 'fr' : 'en'; 
    var $cur = $(this).next().stop().slideToggle("fast"); 
    $flips[lang].not($cur).stop().slideUp(); 
    // or without $flips 
    $('.flip1' +lang + ', .flip' +lang).not($cur).stop().slideUp(); 
    }); 
});