Javascript 如何删除jQuery手风琴的一部分？

所以，我有一个手风琴菜单，在每个分区我有一个红方块。我试着让它在我点击红方块时，特定的div和

链接都消失了。我可以让div离开，但是标题总是保持不变，我不知道如何选择和删除它。一如既往地谢谢你

我的HTML：

<div id="accordion">

    <h3><a href="#">Section 1</a></h3>
    <div class="squares">
            <a href="#" class="green">1</a>
            <a href="# "class="red">2</a>
            <a href="#" class="blue">3</a>  
            <p>
            Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
            ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
            amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
            odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
            </p>
    </div>
</div>

---

首先，使用以下工具拆下h3元件：

$(this).parent('div').prev('h3').remove();

然后取下你的div

试试这个

$('document').ready(function(){
  $('#accordion .red').click(function(){
   $(this).parent('div').prev('h3').remove();
    $(this).parent('div').remove();

    return false;
  });
});

---

下面是一个更优雅的解决方案，使用：

$(this).parent('div').prev('h3').remove();

$('document').ready(function(){
  $('#accordion .red').click(function(){
   $(this).parent('div').prev('h3').remove();
    $(this).parent('div').remove();

    return false;
  });
});

$('#accordion .red').click(function(e) {
  e.preventDefault();
  $(this).parent('div').prev('h3').andSelf().remove();
});