顯示隱藏的div中的鏈接

Question

假設我有一個內部鏈接，該鏈接位於隱藏的div（ display:none ）內-單擊按鈕時div切換：

<a name="here">Show me!</a>

當有人輸入URL：mypageurl＃時，如何在不單擊切換按鈕的情況下使該元素可見（在輸入此特定鏈接時默認使其可見）？

Answer 1

您可以使用CSS“ visibility：hidden”，然后在有人輸入特定短語時使用JavaScript將其更改為“ visibility：visible”。

或者，您可以只使用display：“”; 或再次執行某些JavaScript時，在“ display：none” div上使用display：block。

Answer 2

您可以使用以下腳本。

<script>
$(document).ready(function(){
    var loc = document.location.hash;
    if(loc == "#test")
    {
        $('#test').show();
    }
});
</script>

Answer 3

 $().ready(function () { var hash = $.trim(window.location.hash); if (hash != '') { var prt = $('[name="' + hash.substr(1) + '"]').parent(); prt.show(); } }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="display:none;"><a name="here">Show me!</a></div>

完整代碼！

Answer 4

這是我制作的一個簡單頁面的源代碼：

<html>
<script src="http://code.jquery.com/jquery-latest.min.js "></script>
<body>
<div id="hide" style="display:none">
    <a name="here">Show me!</a>
</div>
</body>

<script>
    $(document).ready(function(){
        if(document.location.href.search("#hide")>0){
            $("#hide").toggle();
        }
    });
</script>
</html>

如果頁面上有文本"#hide" ，它將顯示id為 hide的div ，否則它將保持隱藏狀態。

顯示隱藏的div中的鏈接

問題描述

4 個解決方案

解決方案1
1 2015-07-13 09:09:33

解決方案2
1 2015-07-13 09:16:24

解決方案3
1 已采納 2015-07-13 09:22:10

解決方案4
1 2015-07-13 09:24:12

顯示隱藏的div中的鏈接

問題描述

4 個解決方案

解決方案1 1 2015-07-13 09:09:33

解決方案2 1 2015-07-13 09:16:24

解決方案3 1 已采納 2015-07-13 09:22:10

解決方案4 1 2015-07-13 09:24:12

解決方案1
1 2015-07-13 09:09:33

解決方案2
1 2015-07-13 09:16:24

解決方案3
1 已采納 2015-07-13 09:22:10

解決方案4
1 2015-07-13 09:24:12