2013-04-09 22 views
0

有一個小提琴這裏http://jsfiddle.net/mjmitche/RRXnK/232/改變CSS知名度上單擊事件骨幹

證明我的問題,在我的Rails應用程序,它使用的骨幹,我有些HTML設立這樣

<div class="row category"> 

    <div class="editcategory">edit category</div> 

    <div class="span10 category">blah</div> 
</div> 

的CSS的。 span10.category默認是隱藏的

.span10.category { 

    visibility: hidden; 
} 

中的骨幹視圖,我設置了E1至

el: '.row.category', 

因此,它內部的任何東西(我假設)都在視圖的範圍內,即它可以在視圖中由javascript操作。然後我穿上.editcategory類

'click .editcategory': 'editCategory' 

點擊事件,並試圖使由默認可見隱藏一旦點擊就會觸發事件,像這樣

editCategory: function(){ 
    console.log("edit Category"); 
    $('.span10 category').css('visiblity', 'visible'); 

    } 

但是類,它不工作(即使控制檯日誌被觸發)。我也試着設置選擇這樣

$('.span10.category') 

由於.span10 .category類是內.row category格,我假設我可以改變它的CSS,但我做錯了莫名其妙。我也嘗試fadeIn();而不是css方法,但沒有區別。

任何人都可以解釋我如何改變點擊事件的可見性。謝謝。

回答

1
$('.span10 category').css('visiblity', 'visible'); 

您拼錯了visibility錯誤。 b後,你忘了我。

$('.span10 category').css('visibility', 'visible');