Home/ Questions/Q 7964733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T05:57:49+00:00

JQuery’s .slideUp() doesn’t work after .append() is used to append value of textarea to

  • 0

JQuery’s .slideUp() doesn’t work after .append() is used to append value of textarea to the div.

HTML:

<html>
    <body>
        <div id="cont">
            <textarea id="txt"></textarea>
            <button onclick="click()">Click</button>
        </div>
    </body>
</html>

JavaScript:

function click(){
    var txt = $('#txt').val();
    var html = document.createElement('div');
    $(html).hide().html(txt);
    $('#cont').append(html);
    $(html).slideUp(500);
}

I can’t figure out what the problem is because when I used .show() instead of .slideUp() it works fine.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    well…slideDown let the element be shown and slideUp let it be hidden. try

        $(html).slideDown(500)

    @ Philip Hardyhis saying: fixes my problem. However, is there a way to have it slide up from the bottom without having to use .animate()

    i don’t think so, but I think it would be pretty easy:
    just put a div-element inside of the html (with $(html) it will be hard to handle) lets call it “myDiv” and put every content of the html in myDiv

    then move the div outside of the window and do the animation (note to move it outside at the bottom you need to temporary disable scrolls of window)

    $(document).css('overflow','hidden');
$("#myDiv").css({'top':$(document).height(), 'opacity':'0'});
/*outside of the window and transparent*/
$("#myDiv").animate({
    'opacity':'1',
    'top':'0'
},2000, function(){$(document).css('overflow','auto');});

    i think it should work like this

    • 0