如何优化点击的jQuery代码（）

Question

如何优化下面的jQuery代码？

var $open = $('#open'), 
     $panel = $('div#panel'), 
     $close = $('#close'), 
     $switch = $('#toggle'); 
$open.click(function(){ 
    $panel.slideDown('slow'); 
}); 
$close.click(function(){ 
    $panel.slideUp('slow'); 
}); 
$switch.children('p').click(function(){ 
    $switch.children('p').toggle(); 
}); 
$close.css({'display':'none'}); 

我认为有更好的方法来写这个。

这是它所属的HTML代码。

<div class="tab"> 
    <ul class="login"> 
    <li class="left">&nbsp;</li> 
    <li>&nbsp;</li> 
    <li id="toggle"> 
     {if $smarty.session.customer_id} 
     <a id="open" class="open" href="{$logoff}" title="{#link_logoff#}">{#link_logoff#}</a>{else}<p id="open" class="open">{#link_login#}</p> 
     {/if} 
     <p id="close" class="close">Schließen</p>   
    </li> 
    <li class="right">&nbsp;</li> 
    </ul> 
</div> 

Answer 1

，我可能会写这样的：

var $open = $('#open'), 
     $panel = $('div#panel'), 
     $close = $('#close') 

    $open.click(function(){ 
     $panel.slideDown('slow'); 
    }); 

    $close.click(function(){ 
     $panel.slideUp('slow'); 
    }); 

    $('#toggle p').click(function(){ 
     $('#toggle p').toggle(); 
    }); 

    $close.hide() 

也差不太多，我不知道是什么给你的问题，你真正想要的目的。