jquery 切换 css 类

Question

这个 jquery 切换两件事。 (1) 一个 css 类和 (2) 显示一个 div。如果我单击元素外部(菜单切换)，切换效果很好，但如果我单击元素本身内部，div 会切换，但 css 类不会切换。这是为什么？

实时预览http://jsfiddle.net/aL7Xe/68/

我需要第二次单击“菜单切换”时添加的 css 类消失。

<div id="menuwrap">
 <a href="#" id="menutoggle">Menu Toggle</a>
 <ul id="menucontainer">
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
 </ul>
</div>
this is more text

<script>
$('html').click(function() {
$('#menucontainer').hide();
$('#menutoggle').removeClass('menutoggle');
});

$('#menuwrap').click(function(event){
 event.stopPropagation();
});

$('#menutoggle').click(function(event){
 $('#menucontainer').toggle();
 $(this).addClass('menutoggle');
});
</script>

Answer 1

$('#menutoggle').click(function(event){
    $('#menucontainer').toggle();
    $(this).toggleClass('menutoggle');
});

http://jsfiddle.net/L5Cq3/

实现所需结果的最少行数。