二级回复点击显隐效果

public/assets/wechat/blog_detail.html

@@ -73,11 +73,11 @@
                                 <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                                 <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             </div>
-                            <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                                 <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                             </div>
                             <div class="cl"></div>
-                            <div class="post-input-container ml40 mb10 undis">
+                            <div class="post-input-container multi-input-container ml40 mb10 undis">
                                 <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                                 <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                                 <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/course_discussion.html

@@ -71,11 +71,11 @@
                                 <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                                 <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             </div>
-                            <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                                 <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                             </div>
                             <div class="cl"></div>
-                            <div class="post-input-container ml40 mb10 undis">
+                            <div class="post-input-container multi-input-container ml40 mb10 undis">
                                 <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                                 <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                                 <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/course_notice.html

@@ -86,11 +86,11 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
-                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                        <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                             <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                         </div>
                         <div class="cl"></div>
-                        <div class="post-input-container ml40 mb10 undis">
+                        <div class="post-input-container multi-input-container ml40 mb10 undis">
                             <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                             <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                             <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/homework_detail.html

@@ -75,11 +75,11 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
-                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                        <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                             <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                         </div>
                         <div class="cl"></div>
-                        <div class="post-input-container ml40 mb10 undis">
+                        <div class="post-input-container multi-input-container ml40 mb10 undis">
                             <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                             <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                             <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/issue_detail.html

@@ -92,11 +92,11 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
-                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                        <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                             <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                         </div>
                         <div class="cl"></div>
-                        <div class="post-input-container ml40 mb10 undis">
+                        <div class="post-input-container multi-input-container ml40 mb10 undis">
                             <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                             <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                             <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/jour_message_detail.html

@@ -70,11 +70,11 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
-                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                        <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                             <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                         </div>
                         <div class="cl"></div>
-                        <div class="post-input-container ml40 mb10 undis">
+                        <div class="post-input-container multi-input-container ml40 mb10 undis">
                             <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                             <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                             <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/assets/wechat/project_discussion.html

@@ -71,11 +71,11 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
-                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                        <div class="fr mr25 f13 reply-icons multi-hide" multi-reply>
                             <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                         </div>
                         <div class="cl"></div>
-                        <div class="post-input-container ml40 mb10 undis">
+                        <div class="post-input-container multi-input-container ml40 mb10 undis">
                             <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                             <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
                             <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>

public/javascripts/wechat/directives/multi_reply.js

@@ -7,24 +7,22 @@ app.directive('multiReply',["$timeout",function(timer){
         scope: {},
         link: function(scope, element){
             timer(function(){
-                $(".reply-icons").each(function(){
+                $(".reply-icons").live("click",function(){
-                    $(this).toggle(function(){
+                    if($(this).hasClass("multi-hide")){
-                        var multiInput = $(this).next().next();
+                        $(".multi-input-container").addClass("undis");
-                        multiInput.show();
+                        $(".reply-icons").addClass("multi-hide");
-                        multiInput.focus();
+                        $(this).next().next().removeClass("undis");
+                        $(this).next().next().focus();
+                        $(this).removeClass("multi-hide");
                         $(".post-reply-input").val("");
-                        $(multiInput).bind("focus",function(){
+                        $("#post_input_1").hide();
-                            $("#post_input_1").hide();
+                    }
-                        });
+                    else{
-                    },function(){
+                        $(this).addClass("multi-hide");
-                        var multiInput = $(this).next().next();
+                        $(".post-input-container").addClass("undis");
-                        $(this).next().next().hide();
-                        $(this).next().next().blur();
                         $(".post-reply-input").val("");
-                        $(multiInput).bind("blur",function(){
+                        $("#post_input_1, #post_input_1 .post-input-container").show();
-                            $("#post_input_1").show();
+                    }
-                        });
-                    });
                 });
             })
         }