更改主干中点击事件的css可见性

Question

在这里展示我的问题有一个小提示http://jsfiddle.net/mjmitche/RRXnK/232/

在我使用Backbone的Rails应用程序中，我有一些像这样设置的HTML

<div class="row category">

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

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

.span10.category的css默认隐藏

.span10.category {

    visibility: hidden;
}

在Backbone视图中，我将el设置为

 el: '.row.category',

所以其中的任何内容（我假设）都在视图的范围内，即它可以在视图中由javascript操纵。然后我在.editcategory类上放置了一个click事件

'click .editcategory': 'editCategory'

并尝试在触发click事件后使默认隐藏的类可见

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

   }

但是，它无法正常工作（即使触发了控制台日志）。我也尝试像这样设置选择器

  $('.span10.category')

因为.span10 .category类在.row category div内，我假设我可以改变它的css，但我在某种程度上做错了。我还尝试了fadeIn();而不是css方法，但没有区别。

任何人都可以解释如何更改点击事件的可见性。谢谢。

Answer 1

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

您错误地拼写了visibility。你在b之后忘记了我。

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