JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="headinfo2 ">
  <div class="poster3">
    <img style="cursor:pointer;" src="catalog/view/theme/default/image/kievstar2.png" alt="phone_ico1">
    <span style="cursor:pointer;">(068) 270-20-30</span>
    <a><img src="image/phone_arrow_ico.png" alt="phone_arrow_ico"></a>
    <br>
    <div class="descr3">
      <img src="catalog/view/theme/default/image/vodafone2.png">
      <span>(095)</span>
      <b>097-37-47</b> MTS
      <br>
      <img src="catalog/view/theme/default/image/lifeinfo.png">
      <span>(093)</span>
      <b>370-78-48</b> Life
      <br>
    </div>
  </div>


</div>

SCSS

.descr3 {
  display: none;
  .active & {
    display: block;
  }
}

JavaScript

$('.poster3').on('click', function() {
  $(this).toggleClass('active');
})