c# - 点击onlink按钮显示更多信息

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...');
    }      
    }

        });

    });