javascript - ボタンをクリックすると、同じページに詳細情報が表示されます javascript

Question

  <a href="#"  class="button">Read More</a><br>

Read moreウェブサイトにこのボタンがありますが、ボタンをクリックすると販売している CD の情報が表示されるようにプログラムする方法がわかりません。

どうすればそれができるか教えていただけますか？

Answer 1

html部分

<asp:Button ID="btnread" runat="server" Text="Button" /> <div id="divinfo" style="display:none">More Info</div>

jquery部分:

    $(function () {
        $("#<%=btnread.ClientID %>").click(function () {
            $("div[id$=divinfo]").css("display", "block");
            return false;
        });
    });

Answer 2

Suppose you have,

<div id="dvInfo">
 Here is your question and i am giving an answer. 
</div>
<a href="javascript:void()" id='see'>See more</a>

So,
In jQuery

$(document).ready(function(){
  var f_text = $('#dvInfo').html();
  $('#dvInfo').html($('#dvInfo').html().substring(0,8)+"...");
  $('#see').click(function(){
   $('#dvInfo').html(f_text);
  });
});