jQuery'de fadeToggle Metodu

fadeToggle metodu, slideToggle metoduna benzer şekilde çalışır, o da efektlerin dönüşümlü olarak gösterilmesini ve gizlenmesini sağlar.

Örneğin, aynı butona tıklayarak bir elementi hem gösterebilir hem de gizleyebiliriz. Aşağıdaki HTML kodu üzerinde bu metodu gerçekleştirelim:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

CSS'nin şu şekilde olduğunu varsayalım:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Aşağıdaki Javascript kodunu yazıyoruz:

javascript$('#toggle').click(function() {
  $('#elem').fadeToggle(1000);
});