Jquery else不执行[重复]

Question

我正在尝试制作响应式导航：

       <header>
            <nav>
                <ul class="navigation">
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <button type="button" id="showmenu"> << </button>
                </ul>
            </nav>
        </header>

不能为 jquery 使用切换，因为按钮也会消失，所以我尝试了另一种方法，但是 else 语句没有执行

$(document).ready(function() {

            if(menu=1) {
            $('#showmenu').click(function(){
                $('nav ul li').hide()
                $('nav ul').css('width', '3%');
                menu = 2;
            });
            }
            else { 

                $('#showmenu').click(function() {
                $('nav ul ').show();
                $('nav ul').css('width', '100%');
                menu = 1;
                });
            }                       
        });

这是一个向左滑动的内联导航。我见过很多其他示例，但没有一个示例中隐藏菜单的按钮位于导航中。对如何使这项工作有任何建议？在此之前使用了切换，但 else 语句仍然不会执行。这是一个 JS 小提琴：http://jsfiddle.net/qEtgR/7/

编辑： == 运算符不会改变任何东西，else 语句仍然不会执行，也不会声明全局 var 菜单。

Answer 1

使用相等运算符

if(menu==1) {

Answer 2

这是问题：

$(document).ready(function() {

        if(menu==1) { // "==" missed here
        $('#showmenu').click(function(){
            $('nav ul li').hide()
            $('nav ul').css('width', '3%');
            menu = 2;
        });
        }
        else { 

            $('#showmenu').click(function() {
            $('nav ul ').show();
            $('nav ul').css('width', '100%');
            menu = 1;
            });
        }                       
    });