copytext

HTML code:
 
<div>
 <p>
    This is my Blog
    </p>
    <p id="content"> <!-- This is where I want to add my description --></p>
   
</div>
 
 
<a id="Button" onclick="togglecontent();" href="javascript:void(0);">See More</a>
 
 
jQuery code:
 
var status = "less";
 
function togglecontent()
{
 
    var i="Here is the content which i want to show to the user";
    
    if (status == "less") {
        document.getElementById("content").innerHTML=i;
        document.getElementById("Button").innerText = "See Less";
        status = "more";
    } else if (status == "more") {
        document.getElementById("content").innerHTML = "";
        document.getElementById("Button").innerText = "See More";
        status = "less"
    }
}
 
 

HTML code:

<div>
 <p>
    This is my Blog
    </p>
    <p id="content"> <!-- This is where I want to add my description --></p>
   
</div>


<a id="Button" onclick="togglecontent();" href="javascript:void(0);">See More</a>


jQuery code:

var status = "less";

function togglecontent()
{
 
    var i="Here is the content which i want to show to the user";
    
    if (status == "less") {
        document.getElementById("content").innerHTML=i;
        document.getElementById("Button").innerText = "See Less";
        status = "more";
    } else if (status == "more") {
        document.getElementById("content").innerHTML = "";
        document.getElementById("Button").innerText = "See More";
        status = "less"
    }
}