I'm using Laravel 5.4 and I have never tried jquery so I have no idea what I'm doing, unfortunately.
This is my blade:
<h3>Comments:</h3>
<ul class="list-unstyled activity-list">
@foreach ($threads->comments()->where('parent', 0)->orderBy('created_at', 'desc')->get() as $comment)
<li>
<img src="" alt="Avatar" class="img-circle pull-left avatar">
<p><a href="">
</a>:
<br>
<span class="timestamp"></span>
</p>
@if ($threads->lock == 0)
<a id="btn-comment" style="padding-left:3.5em">reply</a>
<br>
<form action="" id="comment" method="POST" style="padding-left:3.5em; display:none;">
<input type="hidden" name="thread_id" value="">
<input type="hidden" name="parent" value="">
<input type="text" name="content" class="form-control" placeholder="Add reply...">
<input type="submit" class="btn btn-primary btn-xs" value="Add Reply">
</form>
<br>
@endif
@foreach ($comment->childs as $child)
<div style="padding-left:3.5em;">
<img src="" alt="Avatar" class="img-circle pull-left avatar">
<p><a href="">
<span style="padding-left:1em;"></a>: </span>
<br>
<span style="padding-left:1em;"></span>
<span class="timestamp" style="padding-left:4.3em;"></span>
</p>
</div>
@endforeach
</li>
@endforeach
</ul>
Here's my custom script:
<script>
$(document).ready(function(){
$('#btn-comment').click(function(){
$('#comment').toggle('slide');
});
});
</script>
These lines specifically are the ones that I'm trying to run using the script above:
@if ($threads->lock == 0)
<a id="btn-comment" style="padding-left:3.5em">reply</a>
<br>
<form action="" id="comment" method="POST" style="padding-left:3.5em; display:none;">
<input type="hidden" name="thread_id" value="">
<input type="hidden" name="parent" value="">
<input type="text" name="content" class="form-control" placeholder="Add reply...">
<input type="submit" class="btn btn-primary btn-xs" value="Add Reply">
</form>
<br>
@endif
Ask me if you need further detail
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire