Как реализовать показ объекта через .css() без мгновенного скрытия?

Question

[LetBe]

Подскажите, пожалуйста, как реализовать показ объекта через .css()?

Цель:
по клику сверху выплывает блок с картой.

Проблема:
объект показывается и мгновенно(!) скрывается.

$( document ).ready(function(){
    $( ".apartments-on-map" ).click(function(){ 
        $("p.anim").css('display','block');
    });
});

код выложен здесь:
https://codepen.io/adel-dubinnikova/pen/BgdegM

Пробовала сделать через .show() - не то.

Заранее спасибо)

Answer 1

[Vadim Bogomazov]

<li class="nav-item mr-5"><a class="nav-link header__icon apartments-on-map" href="#">Апартаменты на карте</a></li>

https://codepen.io/anon/pen/mZMZpg

Либо заменить ссылку на другой элемент, либо запретить переход по ней через preventDefault, с решеткой работает.

Comments

[LetBe]

Вадим, спасибо огромное, что ответили и так быстро!
Заработало)