jquery - jQuery：获取最后点击的 element.id

Question

我需要你的帮助。我想创建一个带有slideUp 和slideDown 效果的小菜单。我找到了解决方案，但我想问您是否有“更清洁”和更好的解决方案。

这是我的代码：

var menu_id = "";
$('.menu li a').click(function(){
    var currentId = $(this).attr('id');
    if(menu_id != ""){
        $('#frame-' + menu_id).slideUp();
    }
    if(currentId != menu_id){
        $('#frame-' + currentId).slideDown();
        menu_id = currentId;
    }
    else{
        menu_id = "blank"
    }
});

问候达里奥

Answer 1

这也应该有效：

$(".menu li a").click(function() {
    var frame = $('#frame-' +  this.id);
    if (!$(frame).is(":visible")) {
        $("[id^='frame-']").slideUp();
        $(frame).slideDown();
    } else {
        $(frame).slideUp();
    }
});

Answer 2

根据 sp00m 的帖子，试试这个

$(".menu li a").click(function() {
   var frame = $('#frame-' +  this.id);
   if ($(frame).is(":visible")) {
       $(frame).slideUp();
   }
   else{
       if($("[id^='frame-']:visible").length == 0)
       {
           $(frame).slideDown();
       }
       else if($("[id^='frame-']:visible").length == 1)
       {
           $("[id^='frame-']:visible").slideUp(function(){
               $(frame).slideDown();
           });
       }                   
   }
});