c# - リンクボタンをクリックして詳細情報を表示

Question

詳細リンクをクリックすると、指定された要約の詳細情報が表示されるjquery関数があります。私はjQueryに比較的慣れていないので、そのままでは機能していないので、どこが間違っているのかについてのポインタを望んでいました.

$(document).ready(function () {
$('#more').on("click", function () {
      "$('#more').hide(); $('#content').show();"
    });

});

これはコード ビハインドの私の C# コードです

 topicGenerator.InnerHtml += summary.Substring(1, 100);
 topicGenerator.InnerHtml += "<a href='#' id='more'> more...</a>";
 topicGenerator.InnerHtml += "<div id='content' style='display:none;'>"+summary+  </div>";

敬具

Answer 1

変更してみる

"$('#more').hide(); $('#content').show();"

に

$('#more').hide(); 
$('#content').show();

これらのステートメントを でラップする必要はありません"quotations"。

.hide()また、次のように凝縮.show()することもできます.toggle()。

<script>
$(function(){
  $("#more").click(function(){
    $("#content").toggle();
  });
});
</script>

フィドルを参照してください。

Answer 2

これにより、表示と非表示が切り替わり、<a> が少なくなり、再び多くなります

$(document).ready(function () {
    $('#more').click(function () {
          $('#content').toggle();
          if($('#more').html()=='more...'){
          $('#more').html('less...');
    }else{
          if($('#more').html()=='less...'){
          $('#more').html('more...');
    }      
    }

        });

    });