javascript - 如何删除 jQuery Accordion 的一部分？

Question

所以，我有一个 Accordion 菜单，在每个 div 中都有一个红色方 block 。我试图做到这一点，以便当我单击特定 div 和 < h3 > 链接的红色方 block 时全部消失。我可以让 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>

这是我的 JS:

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

    return false;
  });
});

Answer 1

$('document').ready(function(){
  $('#accordion .red').click(function(){

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

    return false;
  });
});