javascript - 使用jQuery显示和隐藏功能

我是jquery的新手，这里是我的代码：

<script type="text/javascript">
            $(document).ready(function () {
                $('.toAdd').hide();

                var count = 0;
                $('#add').on('click', function () {
                    $('.toAdd:eq(' + count + ')').show();
                    count++;
                });
            });

</script>
<div class="toAdd">One</div><div class="toAdd">Two</div><div class="toAdd">Three</div>
<input type="button" value="show" id="add"/>
<input type="button" value="hide" id="sub"/>

在这段代码中，如果我单击show按钮，它将逐个显示分区。之后，如果单击“隐藏”按钮，我需要逐个隐藏
小提琴here

最佳答案

希望这能帮助你。。。:)

                 $('#sub').on('click', function () {
                        if(count > 0){
                           count--;
                        $('.toAdd:eq(' + count + ')').hide();
                        }

                    });