jquery切换无法正常工作

jquery toggle is not working properly

本文关键字:工作 常工作 jquery      更新时间:2024-03-19

javascript文件

$('#user a').toggle(function(){
    //first function here
    $('#nav #user-menu').show();
    //$('#nav #user .profile, .account, .logout').show();
},
function(){
    // second function here
    $('#nav #user-menu').hide();
    //$('#nav #user .profile, .account, .logout').hide();
});

main.html.erb

<div id="nav">
    <% if !session[:user_id] %>
    <%= link_to "Please login" , :action => 'login' %>
    <%= link_to "Register", :action => 'register'%>
    <% else %>
    <div id="user"><%= link_to "#{@user.username}"%>
        <div id="user-menu">
            <div class="profile"><%= link_to "Profile" ,:controller => 'users', :action => 'profile'%></div>
            <div class="account"><%= link_to "Account" ,:controller => 'users', :action => 'account'%></div>
            <div class="logout"><%= link_to "Logout" , :action => 'logout'%></div>
            <div class="clear"></div>
        </div>
    </div>
</div>

在切换用户菜单时,div可见性工作正常,但在单击概要文件、注销和其他链接时,它们并没有按预期工作,但如果我从javascript中删除切换条件和可见性,则链接工作正常请帮助

试试类似的东西

var makeVisible = true;  // put logic in here to decide whether you want it shown
$("#user-menu").toggle(makeVisible);