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

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

这将显示之间切换，隐藏和改变<a>又少了一次更

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

     }); 

    }); 

Answer 2

尝试改变

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

到

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

你不需要在"quotations"来包装这些语句。

你也可以凝结.hide()和.show()到.toggle()：

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

见fiddle。