Question

即时使用: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');
        });

Answer 1

尝试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');
            });
        });

我如何切换：gt

1 个答案: