隱藏和顯示一個固定的股利

-2

我想提出一個麥粒腫切換這裏http://jsfiddle.net/thiswolf/n3weg/1/，可以在這裏看到http://jsfiddle.net/thiswolf/n3weg/1/show，由於某種原因，我不能把它隱藏隱藏和顯示一個固定的股利

這是我使用

jQuery代碼

$(document).ready(function(){ 
$('#styleswitch').addClass('closed'); 
$('.fixedpoint').css({ 
    'background-color':'red', 
    'position': 'fixed', 
    'width': '30px', 
    'height': '30px', 
    'left': '97%', 
    'top': '20%' 
}); 
$('.fixedcol').css({ 
    'background-color':'pink', 
    'position': 'fixed', 
    'width': '200px', 
    'height': '100px', 
    'left': '100%', 
    'top': '20%' 
}); 
$('.fixedpoint').on('click',function(){ 
if($('.fixedpoint').hasClass('closed')){ 
$('#styleswitch').addClass('open'); 
$(".fixedcol").css({'padding-right':'1px','height':'300px'}).animate({left:'77.12%'},350); 
}else if($('.fixedpoint').hasClass('open')){ 
$('#styleswitch').removeClass('open'); 
$('#styleswitch').addClass('closed'); 
$('.fixedcol').css({ 
    'background-color':'pink', 
    'position': 'fixed', 
    'width': '200px', 
    'height': '100px', 
    'left': '100%', 
    'top': '20%' 
}); 
} 
}); 
});

爲什麼不能隱藏我使用的代碼？

來源

2013-12-09 You Know Nothing Jon Snow

你永遠不刪除'closed'類，這樣的條件，我不使用'closed'和'open'作爲具有風格的CSS類總能得到滿足 – adeneo

在他們之中。他們只是標記。 –

嘗試：

$('.fixedpoint').on('click', function() { 
    if ($('#styleswitch').hasClass('closed')) { 
     $(".fixedcol").css({ 
      'padding-right': '1px', 
      'height': '300px' 
     }).animate({ 
      left: '77.12%' 
     }, 350); 
    } else if ($('#styleswitch').hasClass('open')) {     
     $('.fixedcol').css({ 
      'background-color': 'pink', 
       'position': 'fixed', 
       'width': '200px', 
       'height': '100px', 
       'left': '100%', 
       'top': '20%' 
     }); 
    } 
    $('#styleswitch').toggleClass('open closed'); 
});

Updated fiddle here.

來源

2013-12-09 08:03:21 Hiral

隱藏和顯示一個固定的股利

回答

相關問題