Javascript 如何用加号和减号图标显示div？留有保证金的div不工作？如何隐藏/显示div文本？

我正在尝试源代码，请检查演示链接：

---

默认情况下，您只需在css样式中隐藏所有段落元素：

.expand p {
    display: none;
}

然后在jquery代码的帮助下显示\隐藏所需的项目

$('.expand').click(function(){
    $(this).stop().animate({
        width:'73%',
        height:'130px'
    });
    $(this).find('p').show();
    $('.collapse').show();
});

 $('.collapse').on('click',function(e){
     e.stopPropagation()
     $(this).parent('.expand').stop().animate({
         width: '30px',
         height:'130px'
     });
     $(this).prev('p').hide();
     $(this).hide();
 });

---

我还创建了一个演示，请检查。

我的源代码链接：请更清楚地解释您想要实现的目标，这几乎不是一个问题。您实际上没有问过问题，问题是什么？它按预期工作plz检查我的演示链接：plz单击左侧div，当我单击链接时，我需要隐藏文本..你的问题是？？嗨，如何在div上显示加号/减号按钮。因此，你想在左侧显示某种类型的+\-图标，而不是隐藏/显示文本？更正la，我想在左侧显示+/-图标OK，我希望你能尝试像“非常感谢你”这样的东西。。。div=“banner”如何将三个div之间的gab固定到全宽容器..banner{margin left:10；margin right:10；}

$('.expand').click(function(){
    $(this).stop().animate({
        width:'73%',
        height:'130px'
    });
    $(this).find('p').show();
    $('.collapse').show();
});

 $('.collapse').on('click',function(e){
     e.stopPropagation()
     $(this).parent('.expand').stop().animate({
         width: '30px',
         height:'130px'
     });
     $(this).prev('p').hide();
     $(this).hide();
 });