jQuery:单击更改文本并显示内容
我的代码有问题 我必须在单击时更改文本jQuery:单击更改文本并显示内容,jquery,wordpress,Jquery,Wordpress,我的代码有问题 我必须在单击时更改文本 <script type="text/javascript"> $(document).ready(function(){ $('.pokus1').hide().before('<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><
<script type="text/javascript">
$(document).ready(function(){
$('.pokus1').hide().before('<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>');
$('a#toggle-example1').click(function() {
$('.pokus1').slideToggle(300);
$(this).html($(this).html() ==
'<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>'
?
'<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>'
:
'<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Zavřít</div></div></a>');
return false;
});
});
</script>
到$(this.text($(this.text)()==
Scripst很好用,但我必须有HTML
有什么建议吗
Thx作为回复,Viktor试着这样做:
$('.open-close', this).toggle(function(){
var html = this.innerHTML;
if(html != 'Otevřít'){
this.innerHTML = 'Zavřít';
}
})
已更新小提琴以更改打开和关闭:
$('a#toggle-example1').click(function() {
$('.pokus1').slideToggle(300);
$('.open-close', this).toggle(function() {
var html = this.innerHTML;
if (html == 'Zavřít') {
this.innerHTML = 'Otevřít';
}
else if (html == 'Otevřít') {
this.innerHTML = 'Zavřít';
}
this.style.display = 'block';
})
return false;
});
小提琴:@Viktor…你看小提琴了吗?把它放在那里,而不是
$(this.html($(this.html()===…
$('a#toggle-example1').click(function() {
$('.pokus1').slideToggle(300);
$('.open-close', this).toggle(function() {
var html = this.innerHTML;
if (html == 'Zavřít') {
this.innerHTML = 'Otevřít';
}
else if (html == 'Otevřít') {
this.innerHTML = 'Zavřít';
}
this.style.display = 'block';
})
return false;
});