jQuery：淡出兄弟姐妹

Question

使用mizzao：bootstrap-3和mizzao：jquery-ui。

页面上显示两个div。每一个都有一个标题。这是用户决定哪些用户类型的地方。当用户选择（点击）一个，我想OTHER div淡出视图。

现在我淡出了我点击的div。

如果我把一个类放到一个标签中，另一个标签是它的兄弟吗？

还有就是造型到div牢记的.css client.js

Template.authJoinType.events({ 
'click div.join-type-heading': function(e, tmpl) { 
$('div.join-type-heading').click(function() { 
    $(this).fadeOut('slow'); 
    }); 
    } 
}); 

HTML：

<template name="authJoinType"> 
<div class="container join-type"> 
    <div class="row"> 


     <div class="col-md-6"> 
      <a href="#"> 
      <div class="join-type-heading" value="reader">Reader</div> 
     </a> 
     </div> 

     <div class="col-md-6"> 
      <a href="#"> 
      <div class="join-type-heading" value="publisher">Publisher 
      </div> 
     </a> 
     </div> 

    </div> 
</div> 
</template> 

Answer 1

使用jQuery不起作用。它会帮助你。在这里，我用简单的jquery进行了更新。

$('div.join-type-heading').on('click',function() { 

    $('.join-type-heading').not(this).each(function() { 
     $(this).fadeOut("slow"); 
// $(this).slideUp(); 
    }); 
}); 

http://jsfiddle.net/h59sG/41/

http://jsfiddle.net/h59sG/42/