Как я могу открыть переменную div, используя jQuery?

Question

Я написал этот код:

$(".tiptext").mouseover(function() { 
    $(this).children(".description").show(); 
}).mouseout(function() { 
    $(this).children(".description").hide(); 
}); 

Он отлично работает, по крайней мере, на ПК. Для сенсорного экрана я ищу решение, где я меняю только файл js. Я ищу некоторый код, который поочередно открывается и закрывает окно. Это хорошо работает, чтобы открыть окно:

$(".tiptext").on('tap', function() { 
$(this).children(".description").show(); 

Но, чтобы открыть и закрыть окно поочередно, закрывая его со вторым fingertouch, и открыть его снова с третьим fingertouch, и так далее, это не работает:

$(".tiptext").on('tap', function() { 
    $(this).children(".description").show(); 
}).on('tap', function() { 
    $(this).children(".description").hide(); 
}); 

http://jsfiddle.net/9RxLM/

Answer 1

Попробуйте с использованием .toggle()

$(".tiptext").on("tap", function() { 
    $(this).children(".description").toggle(); 
})