jQueryの隠しこれだけは、私はここに、このjQueryのコードを持って

Question

を返信します。しかし、 "replies_hide"をクリックすると、すぐにすべての返信が閉じられます。私が今開いた返信だけを隠すには？

HTML：あなたが回答クラスのすべての要素を隠しているので、これが起こっている

 <ul class="list-unstyled replies"> 
     <a class="replies_hide" href="#">Hide replies</a> 
     @foreach($com->reply as $reply) 
     <li style="margin-left: 5%"> 
     <img src="http://flipbit.co.uk/content/images/blog/build-avatar.jpg" style="height: 30px"> 
     <strong>{{$reply->user->name}}</strong> 
     {!! strtr(strip_tags($reply->reply), $emotes) !!}<br> 
     <small>{{$reply->created_at}}</small> 
     @if(Auth::user()->id == $reply->user_id) 
     <a href="/trinti-atsakyma/{{$reply->id}}">Trinti</a> 
     @endif 
     </li> 
     @endforeach  
     </ul> 

Answer 1

を、あなたがボタンに最も近いulブロックを見つける必要がありますので、あなただけクリックhideボタンを含むulブロックとその返信を非表示にしたいようですあなたはクリックした。

それを行うには、使用することができます。

$(this).closest(".replies").hide(300); 

は、それ自体が要素をテストし、DOMツリーにその祖先を通って上方に横断することにより、セレクタに一致する最初の要素を取得します。

Answer 2

。あなたはあなたがいるhtml要素だけを隠さなければなりません。このお試しください：あなたのHTMLマークアップで

$(this).hide();