Javascript 试图控制同步传送带

Javascript 试图控制同步传送带,javascript,html,css,twitter-bootstrap,carousel,Javascript,Html,Css,Twitter Bootstrap,Carousel,我一共有4个旋转木马。但在任何时候只有2个是可见的。这两个也由相同的控件控制。除第二个按钮不显示第二对转盘外,大部分功能正常: 我相信这是有问题的: $('.toggleCar').click(function(){ var CarWrapperName=$(this).attr('data-for'); $('.Car-toggle').hide(); $('#'+CarWrapperName).show(); }); //Hide All Toggles and Show

我一共有4个旋转木马。但在任何时候只有2个是可见的。这两个也由相同的控件控制。除第二个按钮不显示第二对转盘外,大部分功能正常:

我相信这是有问题的:

$('.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();

请在以下地址找到解决方案: 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();

而且,CSS在js fiddle上不起作用?!