缩短函数以避免语句

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();