做一個文本鏈接來調用jQuery中的一個函數

Question

我對jQuery沒有任何經驗。這段代碼的意思是顯示和隱藏類，但我想要一個文本鏈接來激活'更多信息'，而不是按鈕。

JAVASCRIPT：

<script> 
function unhide (arg) { 
    jQuery('.' + arg).toggleClass('hidden'); } 
</script> 

HTML：

<button onclick="unhide('more_info')"> 
    Click for More text 
</button> 

<div class="more_info hidden"> 
so much more info here 
</div> 

<div class="more_info hidden"> 
info appearing also here 
</div> 

Answer 1

function unhide(arg) { 
 
    
 
    jQuery('.' + arg).toggleClass('hidden'); 
 
    return false; 
 
}

.hidden{display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a onclick="return unhide('more_info')" href="#"> 
 
    Click for More text 
 
</a> 
 

 
<div class="more_info hidden"> 
 
so much more info here 
 
</div> 
 

 
<div class="more_info hidden"> 
 
info appearing also here 
 
</div>