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/