元素淡入淡出效果实现

html代码：

 <div class="aui-list-item-title loadcheck" v-bind:data-id="item.JianChaID">

                </div>
                <section v-bind:data-id="item.JianChaID" class="aui-content sec ">        
                </section>

 js代码：

 //初始化事件
            initEvent: function () {

                var that = this;
                $('#ullist').delegate('div.loadcheck', 'click', function () {

                    var ckid = $(this).attr("data-id");
                    that.loadCheckDetail(ckid);
                    var lastshow = that.lastshow;
                    var obj = $('section[data-id="' + ckid + '"]');
                    if (!lastshow) {
                        obj.fadeIn(300);
                        that.lastshow = ckid;
                        return;
                    }

                    if (lastshow == ckid) {
                        obj.fadeOut(200);
                        that.lastshow = '';
                        return;
                    }

                    $('section[data-id="' + lastshow + '"]').fadeOut(200, function () {
                        obj.fadeIn(300);
                        that.lastshow = ckid;
                    });

                });
            },