Как открыть и закрыть DIV, если его щелкнули дважды

Question

Это мой jsfiddle

http://jsfiddle.net/1ty1v8u1/5/

Если элемент щелкнул дважды, как я могу добиться поведения тумблера для этого конкретного DIV?

Если я нажму на офис дважды в jsfiddle, как его открыть и закрыть?

Это мой код

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