Javascript jQuery:fadeToggle（）显示/隐藏链接的文本不更改

我有一个淡入淡出切换的问题，它的工作时，div是可见的开始和链接“显示QR”更改为“隐藏QR”。 应单击链接“隐藏QR”并隐藏div，但文本链接不会更改为“显示QR”

html:

试试这个

$('#qrshow').text($('#div_showqr').is(':hidden')? 'Show QR' : 'Hide QR');

更改此行：

$('#qrshow').text($('#div_showqr').is('display:none')? 'Show QR' : 'Hide QR');

致：

我们必须在fadeToggle结束后，在回调函数中检查它的可见性。比它的工作

现在，您还可以使用：

$('#qrshow').text($(this).is(':visible')? 'Hide QR' : 'Show QR');

试试这个：

html:

---

为什么要将设置文本（）分为两行？删除第三行（使用is（“：visible”）@user1297435很高兴我能帮上忙！谢谢。

$('#qrshow').text($('#div_showqr').is('display:none')? 'Show QR' : 'Hide QR');

$('#qrshow').text($('#div_showqr').is(':hidden')? 'Show QR' : 'Hide QR');

$("#qrshow").click(function(){
   $("#div_showqr").fadeToggle( function(){
     $('#qrshow').text($(this).is(':hidden')? 'Show QR' : 'Hide QR');
   });
}); 

$('#qrshow').text($(this).is(':visible')? 'Hide QR' : 'Show QR');

<div id="qrshow" class="emotTab">Show Qr</div>
<div id="div_showqr">Content.....</div>

$(document).ready(function() { 
$('#qrshow').click(function(){
text = $(this).text();

$('#div_showqr').fadeToggle('slow');

if(text =='Show QR'){
    $(this).text('Hide QR');
} else {
    $(this).text('Show QR');
}
});
});