Смена + на - при клике

147

29 января 2020, 12:30

есть код 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 виден то это минус, когда скрыт то плюс? пожалуйста подскажите.

Answer 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>