如何在点击后将按钮文本从show更改为隐藏，并在滑动后保持显示？

Question

i'm trying to do something similler to the map you can see at the end of this site, http://www.insegment.com/

Here's the html

    <div class="clear">
    <button id=slideToggle>Show full map</button>
<div class="slideTogglebox">            
</div> </div>

Script:

$("#slideToggle").click(function () {   $('.slideTogglebox').slideToggle(500); });

Thank's in advance

Answer 1

Do...

$("#slideToggle").click(function () {   

$(this).html(($(this).html()=="Show full map"?"Hide map":"Show full map"));

// To move up
$(this).toggleClass("moveUp");

$('.slideTogglebox').slideToggle(500); 

});

And put the css to move up in moveUp

Answer 2

Here is a jsFiddle ,

Also.... you're missing a </div>