Как обратиться к блоку который находится внутри блока по которому произошел клик?

Question

[ura2rist]

Пытаюсь сделать выпадающие меню, у меня есть допустим 3 блока с одним и тем же классом. Внутри них разное наполнение.
Как обратиться к блоку который находится внутри блока по которому сделан клик

<div class="select">
    <p>Текст 1</p>
</div>
<div class="select">
    <p>Текст 2</p>
</div>
<div class="select">
    <p>Текст 3</p>
</div>

например мне нужно вывести текст 3, я жму по третьему блоку и он обращается к контенту который находится в нем и у p меняется стиль.
П.с - я делаю выпадающие меню, если я не правильно мыслю и такие меню лучше делать по другому - тоже выслушаю варианты более актуальные

Answer 1

[Rsa97]

Правильнее менять класс у div, а уже по классу задавать внешний вид через css.

Comments

[ura2rist]

не совсем понимаю что ты имеешь ввиду

[Rsa97]

JS:

$('.select').on('click', function (e) {
    $('.select').removeClass('active');
    $(this).addClass('active');
})

CSS:

.active {
  Здесь описываете, как должен выглядеть активный пункт меню
}