Метод fadeToggle в jQuery
Методът
fadeToggle
работи аналогично на метода
slideToggle,
той също реализира редуване на
ефекти: понякога показва елемента, понякога го скрива.
Например, можем, като натискаме един и същи бутон, да покажем и скрием елемент. Нека реализираме този метод в следния HTML код:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Нека CSS изглежда така:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Написваме следния Javascript код:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});