Как вернуть div в <a href> with javascript?

Question

I have this code on a page:

<a href="javascript:void(0);" class="remont_price_link">Потолок + </a> 

Мне нужен мой код, чтобы показать div, как в '1'. «2» - как это должно быть до щелчка.

Поэтому мне нужно всплывающее окно из DIV «remont_price_link», когда пользователь нажимает на Это один не работает:

<a href="javascript:void(0)onclick='popup' ;" class="remont_price_link">Потолок + </a> 

Извините за глупый.

Answer 1

Добавить этот Tou сценарий:

$(".remont_price_link").click(function() { 
    var parent = $(this).parent(); 
    var spoiler = $(this).closest(".remont_price_item").find(".spoiler-text"); 
    if(parent.hasClass("folded")) { 
     parent.removeClass("folded"); 
     spoiler.show(); 
    } 
    else { 
     parent.addClass("folded"); 
     spoiler.hide(); 
    } 
}); 

И держите ссылки такими, какие они есть. Например:

<a href="javascript:void(0);" class="remont_price_link">Потолок + </a> 

Answer 2

Вы можете показать/скрыть DIV с помощью CSS 'дисплей' и JavaScript.

См код здесь: https://codepen.io/cpenarrieta/pen/XpoExe

CSS

.hidden { 
    display: none; 
} 

.show { 
    display: inherit; 
} 

Javascript

function showDiv() { 
    var x=document.getElementById("divId"); 
    if (x.classList.contains("show")) { 
    x.classList.add('hidden'); 
    x.classList.remove('show'); 
    } else if (x.classList.contains("hidden")) { 
    x.classList.add('show'); 
    x.classList.remove('hidden'); 
    } 
} 

HTML

<a href='javascript:;' onclick='showDiv();'>Потолок +</a> 
<div id="divId" class="hidden"> 
div content 
</div>