Помощь по js, не работает клик, как побороть?

Question

[JoraMajora61]

Всем привет, ребят.

Помогите советом пожалуйста.

Есть кусок кода:

<div class="profile__inf js-i">
                  <button class="profile__sym js-i__btn" type="button">i</button>
                  <div class="profile__desc js-i__text">Пример ролика,<br> как снимать видео о себе:<br><a href="http://www.123.ru">123</a></div>
               </div>

И js к нему:

$('.js-i').on('click', function () {
		$('.js-i__text').show();

		return false;
	});

	$(document).on('click', function () {
		$('.js-i__text').hide();
	});

Клик по ссылке в коде ничего не дает, имею ввиду не переходит на сайт, что нужно дописать чтобы работало?

Comments

[Сергей delphinpro]

return false убрать

[JoraMajora61]

Сергей: неа, попробовал, тогда этот попапчик не открывается совсем

[Сергей delphinpro]

JoraMajora61:
он открывается и сразу закрывается.
во втором блоке кода нужно проверять откуда пришел клик. Если из этого вашего блока - то не нужно делать hide, в противном случае клик был вне блока и можно закрыть. А return false убрать в первом блоке.

Рекомендую посмотреть существующие реализации подобных элементов и писать наподобие.

[JoraMajora61]

Сергей: Сергей, это выглядит так, вот начальное состояние prntscr.com/g8wlr6 , а вот когда кликаем по кнопке i - prntscr.com/g8wm1a
Клик на свободную область закрывает этот попапчик маленький

[Сергей delphinpro]

JoraMajora61: я и так представляю как это выглядит )
а вы похоже не понимаете о чем я толкую...

$('.js-i').on('click', function () {
    $('.js-i__text').show();
});

$(document).on('click', function (e) {
    var $target = $(e.target);
    if ($target.hasClass('js-i') || $target.parents('js-i').length > 0) {
        $('.js-i__text').hide();
    }
});

[Сергей delphinpro]

На худой конец, ловите клик на самой кнопке

$('.js-i__btn').on('click', function () {
    $(this).parent().find('.js-i__text').show();
    return false;
});

[JoraMajora61]

Сергей: Сергей, я просто не разработчик...
Все заработало, огромное спасибо, вот только теперь попапчик этот не закрывается по клику на любую область, буду благодарен если подскажете что куда написать...

[JoraMajora61]

Сергей: Все, завелось. Спасибо огромное!!!

Answer 1

[Exploding]

Вотттак?

$('.js-i').not('a').on('click', function () {
    $('.js-i__text').show();

    return false;
  });

Comments

[JoraMajora61]

Попап появляется, но ссылка так и не кликается, в смысле кликается, но никуда переход не осуществляется

[Exploding]

JoraMajora61: значит установите отдельный обработчик клика по ссылке