如何優化點擊的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() 

也差不太多，我不知道是什麼給你的問題，你真正想要的目的。