我在页面上有 jQuery 滑动 div,这些 div 使用每个滑块上的按钮进行切换。单击按钮时,内容向下滑动,按钮上的文字由“查看更多”变为“关闭”。再次单击按钮时,内容会向上滑动,并且按钮上的文本会变回“查看更多”。我在下面发布的 jQuery 适用于此功能。
我现在想让其中一个滑块在 url 中有哈希标签时自动向下滑动。我用下面的代码得到了这个。在此自动滑动期间,触发按钮上的文本更改为“关闭”,这是我想要的,但是当我单击按钮向上滑动时,文本不会更改回“查看更多”。然后,当我单击切换按钮时,它再次开始更改按钮上的文本,但这次是从“关闭”而不是“查看更多”开始,因此与之前的更改相反。这有什么意义吗?哈哈。
有什么想法可以设置我的jQuery,所以当我在哈希自动打开后单击“关闭”按钮时,它会将文本更改为“查看更多”?谢谢你的帮助
<script language="javascript">
$(document).ready(function() {
$('#toggleButton1').click(function() {$('#toggleSection{row_count}').slideToggle('slow', function() {
// Animation complete.
});
});
$('#toggleButton1').toggle(
function() {$('#toggleButton1').html('Close');
},
function() {$('#toggleButton1').html('View More');
});
{/facility_sections}
{/exp:channel:entries}
if (window.location.hash) {
$('#toggleSection1').slideToggle('slow');
$('#toggleButton1').html('Close');}
});
</script>