1

私は現在 gpEasy CMS を使用しており、この Web サイトにある非表示/表示効果を再現する必要があります: 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="abs" を使用しました:

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

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

残念ながら、テキストが表示されているだけで、期待される効果はありません。アイデアはありますか?

ありがとう!

4

1 に答える 1

2

問題は、<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>
于 2013-05-15T15:27:37.470 に答える