как вариант
<style type="text/css">
.comments {
border-bottom: solid 1px #dae2e8;
font-size: 12px;
text-align: justify;
margin: 0 10px 0 10px;
padding: 0px;
}
</style>
<script>
function init() {
$('.hideComments').click(function () {
var comments = $('.comments');
if (!comments.is(':visible')) {
comments.slideDown('normal', function () {
$('.hideComments').text('Hide comments');
});
} else {
comments.slideUp('normal', function () {
$('.hideComments').text('Show comments');
});
}
});
}
$(document).ready(init);
</script>
<a class = "hideComments">Скрыть комментарии</a>
<div class = "comments">
<div id = "comment_001">
Я коммментарий
</div>
</div>
|