Question

这是我的jsfiddle

如果单击某个元素两次，我该如何实现该特定div的切换行为？

如果我在jsfiddle中点击 office 两次如何让它打开和关闭？

这是我的代码

function showRestaurantDetailsByLocation(response,locationname)
{
    $('.restListings').remove();
    $('.addNewRestaurant').remove();
    var ulhtml = $('<ul class="restListings"></ul>');
    var divhtml = $('<div class="inner-intit"><sub class="sub">Your Favorite Area</sub></div>');
    divhtml.append('<br>');
    var $newbutton= $('<input/>').attr({ type: 'button', location:locationname , name:'btn1', class:'btn btn-success addNewRestaurant', value:locationname});
    for(var i=0;i<response.length;i++)
    {
        divhtml.append('<li><h6>'+response[i].area+'</h6><p>'+response[i].address+'</p><span id="delete" class="inDelete inDeleteSub"></span></li>');
    }
    divhtml.append($newbutton); 
    ulhtml.append(divhtml);
    $("#"+locationname).append(ulhtml);
}

Answer 1

您在点击时附加新元素。只需在同一个div中检查以前添加的元素。如果它存在则只需删除它，如果不存在则添加新的：

 $(document).on('click', '.lielement', function() {
   var locationname = $(this).attr("id");
   if($(this).find('.restListings').length)
     $(this).find('.restListings').remove()
   else
     displayingRestaurantByArea(locationname);
 });

<强> Working Demo

如果点击两次，如何打开和关闭div

1 个答案: