我需要知道如何实现切换按钮

Question

我在此论坛上发布了一个问题，主持人要求创建一个问题并链接到原始帖子。

这是帖子。 toggle show/hide div with button?

问题是关于NAVEED在12月24日和10月19日回答的解决方案。

我想知道如何才能使用＆＃34; open＆＃34;当div关闭时，在按钮中＆＃34;关闭＆＃34; div打开的时候？我的意思是，在按钮上打开和关闭单词。

谢谢。

Answer 1

使用以下HTML Naveed。

<强> HTML

<div id='content'>Hello World</div>
<input type='button' id='hideshow' value='hide/show'>

然后，您可以使用以下JS来切换按钮上的show / hide类并更改文本。

<强> JS

    var btn = $('#hideshow')
    var content = $('#content')

    btn.click( function() ) {
         if (content.hasClass("show"){
             content.removeClass('show');
             btn.text('open');
         } else{
             content.addClass('show');
             btn.text('close');
         }
    });

<强> CSS

#content{
  display: none;
}
#content.show{
  display: block;
}