0

есть код HTML

jQuery(document).ready(function($) {
  $(".aft-original-text").on('click', function() {
    $(".aft-original-text-content").toggle();
  });
});
<div class="aft-original-text aft-inline-divs">
  <div class="aft-original-text-header aft-action-toggl">
    <pre> ?php echo __("Original Campaign",'affiliatewp-mcc')? </pre>
  </div>
  <div class="aft-original-text-content"><pre> ?php echo $content ?></pre></div>
</div>

визуально

как прилепить в этот код к header +/-, чтобы они менялись, когда content виден то это минус, когда скрыт то плюс? пожалуйста подскажите.

2
  • Вижу, у вас контент будет получаться через php... под "контент виден" имеется в виду обычное переключение между display: block; и display: none; или должен быть еще вариант, если контент вообще не получен? 15 апр 2019 в 20:19
  • обычное переключение между display: block; и display: none 15 апр 2019 в 20:27

1 ответ 1

1

Так пойдет? =)

jQuery(document).ready(function($) {
  $(".aft-original-text").on('click', function() {
    $(".aft-original-text-content").toggle();
    let span = $(".aft-action-toggl span");
    span.html(span.html() === '[-]' ?'[+]':'[-]');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="aft-original-text aft-inline-divs">
  <div class="aft-original-text-header aft-action-toggl">
    <pre> ?php echo __("Original Campaign",'affiliatewp-mcc')? <span>[-]</span></pre>
  </div>
  <div class="aft-original-text-content">
    <pre> ?php echo $content ? </pre>
  </div>
</div>

1
  • да, конечно) спасибо огромное, единственное, я поменяла немного span.html(span.html() === '+' ?'-':'+'). а так все отлично:) 16 апр 2019 в 5:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.