Estoy tratando de desvanecerme en un texto que está almacenado en una variable que quiero mostrar cuando se hace clic en un botón. El siguiente código funciona para la parte que se muestra, pero no puedo entender cómo hacer que se desvanezca.
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <title>Fade in text example</title> </head> <body> <div><button id ="button">Click to show text</button></div><br /> <div id="txtDiv"></div> <script> $(document).ready(function(){ var txt = 'Show this stored text.'; $('#button').on('click', function() { $('#txtDiv').text(txt); }); }); </script> </body> </html><script> $(document).ready(function(){ var txt = 'Show this stored text.'; $('#txtDiv').hide(); $('#button').on('click', function() { $('#txtDiv').text(txt); $('#txtDiv').fadeIn( 600 ); }); }); </script>