Question

我有这段代码：

<a href="test" class="1"> text</a>

和隐藏的DIV

<div class="element" id="test"> x </div>

是否有可能href对此ID =＆＃34;测试＆＃34; ？我的意思是，我想点击＆＃34; text＆＃34;并使用id="test"

打开div

Answer 1

如果您将value更改为id（value不支持div元素，则可以通过点击链接显示隐藏的div ：

＆＃13;

<div class="element" id="test" style="display:none;"> x </div>

<a href="#" onclick="document.getElementById('test').style.display = 'block';">text</a>

＆＃13;

Answer 2

您可以在文档中创建锚链接，这会导致浏览器滚动到给定元素。

您需要使用ID：

<a href="#mydiv"> text</a>

<div id="mydiv"> x </div>

也就是说，链接的href需要指向DIV元素的ID。

但是，如果您希望链接显示DIV，请执行以下操作：

<a href="#mydiv" onclick="document.getElementByid('mydiv').style.display = 'block';">text</a>

<div id="mydiv" style="display:none;">This div is hidden by default, but will be visible once the link is clicked ....</div>

Answer 3

<script>
    function showDiv()
     {
         //Code to display the div
     }
</script>

<a href="#" class="1" onclick="showDiv('test')"> text</a>

<div class="element" value="test"> x </div>

Haven已经过测试，但它应该可以像这样工作

Answer 4

try this
<!DOCTYPE html>
<html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">          </script>
<script>
$(document).ready(function () {
     $("a").click(function(){
     $("#test").slideDown();
  });         
    });
 </script>
 </head>
  <body>
 <a href="#">text</a>
<div id="test" style="display:none">x</div>
 </body>

 </html>

Answer 5

您可以使用jquery

执行此操作

<强> HTML ：

<a href="#test" class="1" > text</a> //ENTER THE ID IN HREF
<div id="test" class="element" value="test"> x </div> // ENTER THE HREF AS DIV ID

Jquery的：

$("a").click(function () {
    var id_name = this.hash.substr(1); //gets the text after # in href
    $("#" + id_name).show(); //it displays the div which has that id
});

PS ：如果您想toggle点击show代码，则可以使用hide/show代替<a>。

< div class =“snippet”data-lang =“js”data-hide =“true”>＆＃13;

＆＃13;

$("a").click(function () {
    var id_name = this.hash.substr(1);
    $("#" + id_name).show();
});

＆＃13;

#test {
    display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#test" class="1"> text</a>

<div id="test" class="element" value="test">x</div>

＆＃13;

HREF到DIV值

5 个答案: