Jquery 如何将这两个函数合并为一个？

我有两个div，单击后需要显示相反的div

你可以在这里看到我的意思：

基本上，当您单击1选项时，它会显示有关它的更多详细信息

目前，我们已将其与以下jQuery配合使用：

$('.consumer').live('click', function() {
    $(this).addClass('expanded');
    $(this).next().hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content').fadeIn();
});

$('.trade').live('click', function() {
    $(this).addClass('expanded');
    $(this).prev().hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content').fadeIn();
});

但我肯定有办法把这两个函数组合成一个，我就是不知道怎么做

有人能帮忙吗

---

谢谢

也许这样做行得通？使用

.sides

而不是

.next

/

.prev

获取元素

---

.trade

面板是否是“.consumer”的

next（）

元素，反之亦然？也就是说，您是否希望在任何给定时间只显示其中一个面板？唯一的区别是

.prev

/

.next

。你的HTML是什么样子的？是的。trade是下一个（）元素，是的，一次只能显示1个。非常感谢你的帮助。他们都在工作，但决定接受火箭公司的回复。

.consumer

拥有

$（这个）。next（）.hide（）

而

.trade

拥有

$（this）.prev（）.hide（）。没问题，很高兴我能帮忙：-）
$('.consumer,.trade').live('click', function() {
    $(this).addClass('expanded');
    if ($(this).is(".consumer"))
     $(this).prev().hide();
    if ($(this).is(".trade"))
     $(this).next().hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content').fadeIn();
});

$('.consumer, .trade').live('click', function() {
  $(this).addClass('expanded');
  if ($(this).hasClass('consumer'))
    $(this).next().hide();
  else
    $(this).prev().hide();
  $('.expanded h2').hide();
  $('.striped').hide();
  $('.expanded_content').fadeIn();
});

$('.consumer, .trade').live('click', function() {
    var $this = $(this).addClass('expanded');
    $this[$this.is('.consumer') ? "next" : "prev"]().hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content').fadeIn();
});

$('.consumer, .trade').live('click', function() {
    $(this).addClass('expanded');
    $('.options:not(.expanded)').hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content', $(this)).fadeIn();
});

$('.consumer,.trade').live('click', function() {
    $(this).addClass('expanded');
    $(this).siblings('.consumer,.trade').hide();
    $('.expanded h2').hide();
    $('.striped').hide();
    $('.expanded_content').fadeIn();
});