使用jQuery扩展菜单

我试图找出一个不同的方法，我已经做了什么，看看其他的可能性如何编码这个

如果可能，我还想在关闭时在侧面添加一个+，打开时在侧面添加一个-

$(document).ready(function() {
$(".pst_contenido > .mod100 > .pill > .caracteristicas").addClass('inactive'); 
$(".inactive").hide();

$(".boton_mas").click(function(){

  if ($(this).parent().next(".caracteristicas").hasClass('active')) {

    $(this).parent().next(".caracteristicas").removeClass('active');  
    $(this).parent().next(".caracteristicas").addClass('inactive');     
    $(this).parent().next(".caracteristicas").hide();

  }else{

    $(".pst_contenido > .mod100 > .pill > .caracteristicas").addClass('inactive');
    $(".pst_contenido > .mod100 > .pill > .caracteristicas").hide();
    $(".pst_contenido > .mod100 > .pill > .caracteristicas").removeClass('active');

    $(this).parent().next(".caracteristicas").removeClass('inactive');
    $(this).parent().next(".caracteristicas").addClass('active'); 
    $(this).parent().next(".caracteristicas").show();

  }
});  
});

---

您可以做一些简单的事情，如：

$(document).ready(function() {
  $(".caracteristicas").addClass('inactive'); 
  $(".inactive").hide();

    $(".boton_mas").click(function(){
        $caracteristicas = $(this).parent().next(".caracteristicas");
        $(".caracteristicas").not($caracteristicas).addClass('inactive').removeClass('active').hide();
         $caracteristicas.toggleClass('active inactive').toggle();

    });  
});

---

另一个解决方案是

$（“.itemContent>h3”）。单击（函数（）{
var hidableDiv=$（this.closest（“div”）.find（“div”）.first（）；
如果（！hidableDiv.hasClass（“toggableTextInfo”））{
hidableDiv.toggleClass（“toggableTextInfo”）；
返回；
}
其他的
{
$（“.itemContent”）.each（函数（）{
$（this.find（“div”）.first（）.addClass（“toggableTextInfo”）；
});
hidableDiv.toggleClass（“toggableTextInfo”）；
}
})

h3{
光标：指针；
}
.toggableTextInfo{
显示：无；
}

项目1
你好
项目2
拜伊