0

var a = function() {
        $('.open-text').click(function () {
            $('.open-block').css('display', 'block');
        })
    };

классов opеn-text много а открыть нужно именно по которому кликнули

2
  • вот $(this).toggle() и используйте
    – teran
    Commented 13 мая 2019 в 6:54
  • поясните, как между собой связаны эти 2 класса?
    – teran
    Commented 13 мая 2019 в 7:01

1 ответ 1

0

$('.class').eq( 0 ) — первый элемент с таким классом...
$('.class').eq( 1 ) — второй элемент, и т.д.

А чтобы определить этот номер - использован $('.open-text').index(this) (он здесь сработает правильно при условии, что классов-text и классов-block одинаковое количество)

Здесь (this) - это элемент, на которой сработала функция (т.е. кликнутый)

$(document).on('click', '.open-text', function(){
  $('.open-text').removeClass('active');
  $('.open-block').hide();

  $(this).addClass('active');
  $('.open-block').eq( $('.open-text').index(this) ).show();
});
.open-block {margin: 10px; display: none;}

.active {color: red;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="open-text">1111</button>
<button class="open-text">2222</button>
<button class="open-text">3333</button>

<div class="open-block">1111</div>
<div class="open-block">2222</div>
<div class="open-block">3333</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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