准备好不同 类 的两个相似文档的融合
Fusion of two similar document ready with different classes
这两个文件准备好了,我只想把它们合二为一。
我的目标是让 .flipperfr.click 仅适用于 .flip1fr、.flipfr
和 .flipperen.click 仅适用于 .flip1en、.flipen
因为当我把它们放在一起时 .flipperfr.click 或 .flipperen.click 在
上工作
全部类。这是我的两个 js 函数:
$(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()
});
});
因为,两个函数之间只有这部分不同,
var $flips = $('.flip1fr, .flipfr '); $(".flipperfr").click(function() {
var $flips = $('.flip1en, .flipen '); $(".flipperen").click(function() {
UPDATE2,这里的问题是一切正常,但只有一侧,当我去 flipperen 时,另一个块保持可见,并且不会像 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()
});
});
也许是这样的
$(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();
});
});
这两个文件准备好了,我只想把它们合二为一。
我的目标是让 .flipperfr.click 仅适用于 .flip1fr、.flipfr
和 .flipperen.click 仅适用于 .flip1en、.flipen
因为当我把它们放在一起时 .flipperfr.click 或 .flipperen.click 在
上工作全部类。这是我的两个 js 函数:
$(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()
});
});
因为,两个函数之间只有这部分不同,
var $flips = $('.flip1fr, .flipfr '); $(".flipperfr").click(function() {
var $flips = $('.flip1en, .flipen '); $(".flipperen").click(function() {
UPDATE2,这里的问题是一切正常,但只有一侧,当我去 flipperen 时,另一个块保持可见,并且不会像 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()
});
});
也许是这样的
$(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();
});
});