HTML text.innerHTMLは、私は今、次のコードを持って

Question

をアニメ化。このようなものですが、他のテキストはClick meテキストの上にスライドします。

function showAdvice() { 
 
\t $("#text").hide(); 
 
    var choose = "text<br>other text"; 
 
    document.getElementById("text").innerHTML = choose; 
 
    $("#text").slideDown(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a onclick="showAdvice()">Click me!</a> 
 
<p id="text"></p>

どのように私はこの作業を行うことができますか？

Answer 1

function change() 
 
{ 
 
    $('#click').fadeOut(200, function(){ 
 
     $("#click").css('height', '0px'); 
 
     $("#click").text("other text<br>other line").show().animate({height: '10px'}, "600"); 
 
    }); 
 
     
 
    //$("#click").slideDown(5000); 
 
\t 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<a onclick="change()" id="click">Nav Item</a>