喜愛程度jQuery來定位標記

Question

我有被點擊時應該「彈出」是隱藏一個div一個錨標記

<a href="#myAnchor" rel="" id="anchor1" class="anchorLink">read more</a> 
when read more is clicked, just below it this div should show, 
<div id="myAnchor" name="d-content"> 
       <div class="col-sm-12"> 
        <ul> 
        <li>item one</li> 
        <li>item two</li> 
        </ul> 
       </div> 
     </div> 
I have a JQuery code that isn't working as expected, 
    <script> 
    $('#anchor1').click(function(){ 
    $('#myAnchor').show(); 
}); 
</script> 

我如何顯示隱藏DIV成功？

Answer 1

您可以通過使用$(this).attr("href")得到href值，因爲href是attribute。

$('#anchor1').click(function() { 
 
    $($(this).attr("href")).show(); 
 
});

#myAnchor {display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#myAnchor" rel="" id="anchor1" class="anchorLink">read more</a> 
 
<div id="myAnchor" name="d-content"> 
 
    <div class="col-sm-12"> 
 
    <ul> 
 
     <li>item one</li> 
 
     <li>item two</li> 
 
    </ul> 
 
    </div> 
 
</div>

Answer 2

試試這個

$('#anchor1').click(function() { 
 
    $('#myAnchor').show(); 
 
});

#myAnchor{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#myAnchor" rel="" id="anchor1" class="anchorLink">read more</a> when read more is clicked, just below it this div should show, 
 
<div id="myAnchor" name="d-content"> 
 
    <div class="col-sm-12"> 
 
    <ul> 
 
     <li>item one</li> 
 
     <li>item two</li> 
 
    </ul> 
 
    </div> 
 
</div>