Question

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

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

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

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

在.css中记住div的风格 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 not function。它会帮助你。这里我用普通的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/

jQuery：淡出兄弟姐妹

1 个答案: