jQuery：淡出兄弟姐妹

Question

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

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

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

如果我将一个类放入 a 标签中，另一个 a 标签会是它的兄弟吗？

在 .css 中记住 div 的样式 客户端.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/