縮短函數以避免語句

Question

如何縮短此功能，所以我不需要這些if中的任何一個？

function showhide(element) { 
    $('body').on('click', '#'+element, function() { 
     if(element == 'export') { 
      $('.chat-export').toggle(); 
      $('.chat-settings').hide(); 
      $('.chat-users').hide(); 

     } else if(element == 'settings') { 
      $('.chat-export').hide(); 
      $('.chat-settings').toggle(); 
      $('.chat-users').hide(); 

     } else if(element == 'users') { 
      $('.chat-export').hide(); 
      $('.chat-settings').hide(); 
      $('.chat-users').toggle(); 
     } 
    }); 
} 

Answer 1

只是這樣做：

$('[class^=chat]').each(function(){ 
    if($(this).attr("class").indexOf(element) > -1){ $(this).toggle(); } 
    else { $(this).hide(); } 
}); 

PS。我的早期代碼和antyrat代碼的問題是，當我們隱藏所有內容時，切換工作會意外。

DEMO

Answer 2

您可以使用此regex選擇片段，例如避免這種情況：

$('div:regex(class, .chat-*)').hide(); 
$('.chat-' + element).toggle();