如何切换:gt
如何切换:gt
提问于 2011-09-01 06:08:47
我使用:gt()隐藏列表元素，我得到了一个链接，可以在单击时取消隐藏它们。现在我希望它是基于切换，但这真的不适用于我。有什么想法吗？
<ul id="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li id="not-this"><a href="#" class="click-me">show me</a></li>
</ul>
$(document).ready(function () {
$('ul#list li:gt(5)').not('#not-this').hide();
$('.click-me').click(function () {
$('ul#list li:gt(5)').toggle('slow');
});
});编辑：
它确实打开了，只是不能关闭它。
编辑
我添加了更改链接文本，我的解决方案现在如下所示
$('ul#list li:gt(5)').not('#not-this').hide();
$('.click-me').click(function () {
$('ul#list li:gt(5)').not('#not-this').toggle();
$(this).text(($('.click-me').text() == 'show me') ? 'hide me' : 'show me');
});回答 1
Stack Overflow用户
回答已采纳
发布于 2011-09-01 06:25:27
只需尝试dis.coding
$(document).ready(function () {
$('ul#list li:gt(5)').not('#not-this').hide();
$('.click-me').click(function () {
$('ul#list li:gt(5)').not('#not-this').toggle('slow');
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7266625
复制相关文章
相似问题
腾讯云开发者
