如何在<a href=""> with javascript?

Question

I have this code on a page:

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

中返回div 我需要我的代码来显示div，就像在＆＃39; 1＆＃39;中一样。 ＆＃39; 2＆＃39; - 点击之前应该如何。

所以我需要弹出div＆＃39; remont_price_link＆＃39;当用户点击时 这个不起作用：

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

抱歉傻。

Answer 1

您可以使用css＆＃39;显示＆＃39;显示/隐藏您的div和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>

Answer 2

添加以下脚本：

$(".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>