试图控制同时旋转木马

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();