Код при клике работает на открытие блока, а на закрытие нет

@alex380 · Регистрация: 27.11.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте. Код при клике работает на открытие блока, что нужно в него дописать, что бы при повторном клике блок закрывался.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<span class="pointer m-l-10" id="ReplyComment" onclick="Wo_OpenReplyBox(<?php echo $wo['comment']['id']; ?>);">
        <i class="fa fa-comment progress-icon" data-icon="comment"></i>
</span>
<div class="view-more-replies p-10 pointer" data-toggle="collapse" data-target="#collapse-example-<?php echo $wo['comment']['id'];?>" aria-expanded="false" aria-controls="collapse-example-<?php echo $wo['comment']['id'];?>" onclick="Wo_ViewMoreReplies(<?php echo $wo['comment']['id'];?>);">
        <i class="fa fa-share fa-fw"></i> <?php echo $replies;?> <?php echo $wo['lang']['replies']?>
</div>
<div class="comment-replies collapse" id="collapse-example-<?php echo $wo['comment']['id'];?>">
    <div class="comment-replies-text list-group">
        <div class="reply-container"></div>
    </div>
    <div class="comment-reply p-10">
        <textarea onkeyup="textAreaAdjust(this, 26)" class="reply-box form-control textarea bg-even-color" onkeydown="Wo_RegisterReply(this.value,<?php echo $wo['comment']['id']; ?>,<?php echo $wo['story']['publisher']['user_id']; ?>, event, <?php echo (!empty($wo['story']['publisher']['page_id'])) ? $wo['story']['publisher']['page_id'] : '0'; ?>)" placeholder="<?php echo $wo['lang']['reply_to_comment'];?>" dir="auto"></textarea>
        <div id="hidden_inputbox_comment_reply"></div>
    </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function Wo_OpenReplyBox(id) {
  Wo_ViewMoreReplies(id);
   $('#comment_' + id).find('.comment-replies').slideDown(50, function () {
     $('#comment_' + id).find('.comment-reply').slideDown(50);
   });
}
// register post comment
function Wo_RegisterReply(text, comment_id, user_id, event, page_id, type) {
  if(event.keyCode == 13 && event.shiftKey == 0) {
    comment_wrapper = $('[id=comment_' + comment_id + ']');
    reply_textarea = comment_wrapper.find('.comment-replies');
    textarea_wrapper = reply_textarea.find('.textarea');
    reply_list = comment_wrapper.find('.comment-replies-text');
    if(text == '') {
      return false;
    }
    $.post(Wo_Ajax_Requests_File() + '?f=posts&s=register_reply', {
      comment_id: comment_id,
      text: text,
      user_id: user_id,
      page_id: page_id
    }, function (data) {
      textarea_wrapper.val('');
      if(data.status == 200) {
        Wo_OpenReplyBox(comment_id);
        comment_wrapper.find('.reply-container:last-child').after(data.html);
        comment_wrapper.find('[id=comment-replies]').html(data.replies_num);
      }
    });
  }
}

@Denno · 10.12.2017, 22:35

Использовать toggle вместо slideDown.

@alex380 · 10.12.2017, 23:05 **[ТС]**

Сообщение от Denno

Использовать toggle вместо slideDown.

с toggle закрывается, только почему то с каким то дёрганьем, я вот так написал

JavaScript
1
2
3
4
5
6
function Wo_OpenReplyBox(id) {
  Wo_ViewMoreReplies(id);
   $('#comment_' + id).find('.comment-replies').toggle(50, function () {
     $('#comment_' + id).find('.comment-reply').toggle(50);
   });
}

Добавлено через 7 минут

Сообщение от alex380

с toggle закрывается, только почему то с каким то дёрганьем, я вот так написал

Вот так работает)
function Wo_OpenReplyBox(id) {

JavaScript
1
2
3
4
5
 Wo_ViewMoreReplies(id);
   $('#comment_' + id).find('.comment-replies').toggle(50, function () {
     $('#comment_' + id).find('.comment-reply');
   });
}

@msheal · 10.12.2017, 23:21

JavaScript
1
2
3
$('#comment_' + id).find('.comment-replies').toggle(50, function () {
     $('#comment_' + id).find('.comment-reply'); // нафига эта строка и функция тоже?)
   });

Так должен выглядеть ваш код, если вам не нужен колбек на окончание эффекта:

JavaScript
1
2
3
$('#comment_' + id).find('.comment-replies').slideToggle(50) // эффект слайда
//или
$('#comment_' + id).find('.comment-replies').toggle(50) // эффект тогла

П.С. личный совет - 50мс очень мало для анимации, неприятно смотреть на такие резкие изменения. Попробуйте 150-300мс, возможно и вам больше понравится)

@alex380 · 11.12.2017, 12:21 **[ТС]**

Сообщение от msheal

Так должен выглядеть ваш код, если вам не нужен колбек на окончание эффекта:

Так как вы предлагаете, то же работает, возникла другая проблема, после ввода текста в textarea и нажатии ентер окно сворачивается, а хотел, что бы оно сворачивалось при клике кнопки открытия окна

Новые блоги и статьи Все статьи Все блоги /
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .

@Denno 98 / 101 / 30 Регистрация: 21.10.2012 Сообщений: 320
	10.12.2017, 22:35
	Использовать toggle вместо slideDown. 1