gpEasy CMS JavaScript的隱藏/顯示文本

Question

我目前正在與gpEasy CMS工作，我需要重現隱藏/顯示效果，它是此網站：http://frontiers.epfl.ch/index.php/Program（程序鏈接）。 我去的源代碼和增加功能showAbstract這是已經在這裏：

function showAbstract(e){ 
    f = e; 
    var div; 
    for(div = e.nextSibling; div.className != "abs"; div = div.nextSibling); 

    if (div.style.display=="block"){ 
    div.style.display=""; 
    } else { 
    div.style.display="block"; 
    } 
    return true; 
} 

所以我把它添加到我的代碼和使用該類=「ABS」來稱呼它：

<a href="javascript:void(0)" onclick="showAbstract(this)">Matrix completion ...</a> 

<div class="abs"> Recent ubiquity ... </div> 

不幸的是，我只是顯示文本，但沒有預期的效果。你有什麼想法嗎？

謝謝！

Answer 1

的問題與如何顯示/隱藏<DIV>做。既然你有jQuery的，我會做這樣的事情：

<a class="show_abstract">Matrix completion ...</a> 
<div class="abs"> Recent ubiquity ... </div> 

..

<script type="text/javascript"> 
$(function(){ 
    $('.show_abstract').click(function() { 
     $(this).next('div.abs').toggle('slow'); 
    }); 
}); 
</script>