尝试控制同时轮播

Question

我总共有4个轮播。 但任何一次只能看到2个。 这两个也由相同的控件控制。 除了第二个按钮不显示第二对轮播之外，大多数功能都可以使用：

http://jsfiddle.net/Stref/z6wyhfev/

我认为这有问题：

$('.toggleCar').click(function(){
var CarWrapperName=$(this).attr('data-for');
    $('.Car-toggle').hide();
    $('#'+CarWrapperName).show();
});

//Hide All Toggles and Show Default
$('.Car-toggle').hide();
$('#Car-1').show();
$('#Floors-Words-Car').show();

Answer 1

请在http://jsfiddle.net/z6wyhfev/2/中找到解决方案。javascript应当进行如下修改。 html和css中也有一些更改。

    $('.toggleCar').click(function(){
var CarWrapperName=$(this).attr('data-for');
    $('.Car-toggle').hide();
    $('#'+CarWrapperName).show();
    if(CarWrapperName=="Car-1"){
        $('#Floors-Words-Car').show();
        $('#Space-Words-Car').hide();
    }
    else{
        $('#Floors-Words-Car').hide();
        $('#Space-Words-Car').show();
    }
});

//Hide All Toggles and Show Default
$('.Car-toggle').hide();
$('#Car-1').show();
$('#Floors-Words-Car').show();
$('#Space-Words-Car').hide();