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

podio 发布于 4 天前 c# 最后更新 4 天前 0 浏览

我有一个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>";
亲切的问候
已邀请:

det

赞同来自:

尝试改变

"$('#more').hide(); $('#content').show();"
$('#more').hide(); 
$('#content').show();
您无需在"quotations"中包装这些语句。 您还可以将.hide().show()压缩为.toggle()
<script>
$(function(){
  $("#more").click(function(){
    $("#content").toggle();
  });
});
</script>
请参阅fiddle

vvelit

赞同来自:

这将在显示和隐藏之间切换,并将<a>更改为少于再次更多

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