jQuery: если нажать еще раз, спрячьте

Question

Прямо сейчас вы нажимаете на ссылку, она посылает вызов ajax и на успех он добавляет вывод. Не я бы хотел, если вы нажмете на ссылку, пока она открыта, тогда она должна закрыть/скрыть вывод.

function MoreFriendOptions(friend){ 
$.ajax({ 
     type: "POST", 
     url: "misc/GetMoreFriend.php", 
    data: { 
    mode: 'ajax', 
    friend : friend 
    }, 
     success: function(msg){ 
     $('#MoreFriendInfo'+friend).prepend(msg); 

     } 
    }); 
} 

echo "<div id='MoreFriendInfo".$showInfo['bID']."'></div>"; 
    <div style="float: right;"> 
    <a href="javascript:void(0);" onclick="MoreFriendOptions(<?=$showInfo["bID"];?>)">mer</a> 
    </div> 

Answer 1

Вам нужен метод переключения.

$('a.mylink').toggle(function() { 
    //do your ajax stuff here 
}, function() { 
    //do your close and hide here 
}); 

Answer 2

Если у вас есть что-то вроде установки

<div class=friends"> 
    <div class="friend1">John Doe</div> 
    <div class="friend2">Jane Doe</div> 
</div> 

затем, если вы сохраните индекс для позиционирования, можно удалить/скрыть элементы, которые вы добавили.