如何返回一個div在<a href> with javascript?

I have this code on a page:如何返回一個div在<a href> with javascript?

<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>

對不起，我傻了。

來源

2017-02-13 Ratibor Yaroslavovich

'popup'是做你想達到的功能嗎？ –

我不確定，但我認爲是。我只需要點擊後像圖片中的'1'一樣返回div。在點擊ot之前應該像'2'一樣隱藏。 –

發佈'popup'函數的代碼。另外你有一個輕微的錯誤，那裏的鏈接應該是：'Потолок +' –

添加這個土特產品腳本：

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

來源

2017-02-13 05:22:41

它的工作原理！謝謝你。 = * –

可以顯示/隱藏使用CSS '顯示' 和JavaScript的DIV。

在這裏看到代碼：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>

來源

2017-02-13 05:14:30

如何返回一個div在<a href> with javascript?

回答

相關問題