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>