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;
}

所以我把它添加到我的代码中并使用了class =＆＃34; abs＆＃34;称之为：

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

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

不幸的是，我只是显示文本但不是预期的效果。你有什么想法吗？

谢谢！

Answer 1

问题与显示/隐藏＆lt; div＆gt;的方式有关。既然你有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>

gpEasy CMS javascript隐藏/显示文字

1 个答案: