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>

请参阅fiddle。

Answer 2

这将在show和hide之间切换，并将<a>更改为更少

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

        });

    });

通过单击更多链接按钮显示更多信息

2 个答案: