在第二次点击（函数（））之后从第一次点击（函数（））中删除属性的问题

Question

女士们先生们，晚上好，

在第二次点击功能发生后，我正在尝试弄清楚如何从第一次点击功能中删除属性。

<script type="text/javascript">
$(document).ready(function(){

$('.description').hide();

$('.open').click(function(){
    $(this).attr('id', 'active');  
    $('.description').hide(); 
    var section = $(this).attr('rel');
    $(section).slideToggle('fast');
});

$('.close').click(function(){
    $(this).parents('.description').slideUp('fast'); 
    $('.open').removeAttr('id', 'active');   
});
});
</script>

我的意思是，虽然我的隐藏 DIV 上有一个关闭按钮，一旦单击它就可以正常工作（即它从 .open 类中删除属性），但我看不到它如果隐藏的 DIV 通过单击然后下一步单击功能关闭，则可以工作。

我可能真的没有很好地解释自己，所以也许举个例子更简单：

Click Function Issues Here

我只为前两个菜单项（Cashier & Deli）创建了 DIV，所以我将使用这两个示例。如果您单击 Cashier 项目，隐藏的 DIV 会出现，如果您在该 DIV（右对齐）上按“CLOSE”，则活动状态会在第一个菜单项上消失。伟大的。这行得通。

但是，如果我决定关闭隐藏的 DIV，而不是通过“关闭”链接，而是通过单击下一个菜单项 (Deli)，Cashier 和 Deli 菜单项都将保持活动状态。再说一次，我的问题是，当第二个菜单项上的第二次单击功能发生时，我是否可以以某种方式将其删除。

提前非常感谢！

Answer 1

删除id 属性是一种非常糟糕的方法，因为您可以非常轻松地执行相同的任务。

我还看到您正在使用精灵，并且您已经为它准备了相关的图像..

所以试试这个方法..

$('.description').hide();

$('.open').click(function(){
    var $this = $(this);
    $('.description').hide(); 
    $this.addClass('active');
    // Select all the open tags
    var $tags = $('.open').not($this);
    // Remove the active class for all the items except the clicked open
    $tags.removeClass('active');

    var section = $(this).attr('rel');
    $(section).slideToggle('fast');
});

$('.close').click(function(){
    $(this).closest('.description').slideUp('fast'); 
    $('.open').removeClass('active');
});