试图切换文字..出了什么问题？

Question

我正在尝试更改并切换这两个文本..但是在启动页面时它会隐藏！

$('.hide_show').toggle(function(){
    $('.hide_show').text('Hide');
}, function(){
    $('.hide_show').text('Show');
});

Answer 1

我不会在回调函数中定义文本更改;这将导致janky过渡（特别是与动画结合时）。此外，toggle中的函数还没有第二个输入，请参阅参考：http://api.jquery.com/toggle/。我继续用可行的东西替换代码，试一试。

＆＃13;

＆＃13;

$("button").click(function (){
  $content = $('.content').toggle();
  $(this).text($content.is(":visible") ? 'Hide' : 'Show');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Hide</button>
<div class="content">I really like to eat food</div>

＆＃13;

＆＃13;

＆＃13;