切换div问题

Question

我试图切换一些div并且它不起作用,这里是js:

<script type="text/javascript">
        $(function(){   

            $('#toggle_full').click(function(){         
                $('#full_size').removeClass('toggle');
                $('#thumb_list').addClass('toggle');
            });
        });

        $(function(){   

            $('#toggle_thumb').click(function(){            
                $('#thumb_list').removeClass('toggle');
                $('#full_size').addClass('toggle');
            });
        });
    </script>

以下是锚点:

<div class="toggle_block">
        <a href="#" id="toggle_full"><img src="img/full_icon.jpg" alt="#"/></a>
        <a href="#" id="toggle_thumbs"><img src="img/thumbs_icon.jpg" alt="#"/></a>
    </div>

这是班级:

.toggle {
display: none;
}

现在问题在哪里？

Answer 1

你的身份证不符合.

在您的HTML中toggle_thumbs,但是在您的代码中toggle_thumb.

如果你所做的只是隐藏和显示,你可以大大简化你的代码:

http://jsfiddle.net/xTPU8/2/

$(function() {
    var $elems = $('#toggle_full').hide()
        .add('#toggle_thumb').click(function() {
            $elems.toggle();
    });
});?

编辑:使它更有效率.