双击切换

Question

寻找一种在双击时进行切换的方法，这是我的代码：

$('#mydiv').toggle(function() {
  $('#post').css({'height' : '188'});
}, function() {
  $('#post').css({'height' : '48'});
});     

Answer 1

$('#mydiv').dblclick(function () {
  $('#post').height($('#post').height() > 100 ? 48 : 180);
});

或者您可能想要这个：

$(".generic-expand-button").each(function () {
    $(this).dblclick(function() {
        $(this).closest(".post").height($(this).closest(".post").height() > 100 ? 48 : 180);
    });
});

Answer 2

使用 jQuery 双击事件： http://api.jquery.com/dblclick/