додати slideUp і slideDown до прихованих divs - javascript, jquery

Я використовую наведене нижче, щоб створити вимкнення таефект згасання на прихованому діві на сторінці поширених запитань. Проблема полягає в тому, що він робить прихований діг знімок відкритим і закритим, що дуже дратує. Я не надто гаряча в JavaScript і не можу зрозуміти, як її дістати slideUp і slideDown в цьому, як я "хотів би, щоб він також ковзав вгору і ковзав вниз. Чи є спосіб отримати розсувну функцію в цей сценарій? Дякую.

$(document).ready(function() {
$("a[name^="faq-"]").each(function() {
$(this).click(function() {
if( $("#" + this.name).is(":hidden") ) {
$("#" + this.name).fadeIn("slow");
} else {
$("#" + this.name).fadeOut("slow");
}
return false;
});
});
});

Відповіді:

Ви можете виправити це за допомогою невеликого налаштування CSS за допомогою visibility: hidden щоб приховати діви замість display:none. Це дозволить залишити місце для DIV, на яких ви зникаєте і вимикаєтесь.

Ви хочете одночасно ковзати і згасати? Спробуйте використовувати .animate () встановити непрозорість до 0/1 і використовувати висоту до max / 0.

Якщо ви хочете скористатися завмиранням, а не slideUp/slideDown, ви можете використовувати fadeTo(duration, opacity) що не змусить скачувати речі, оскільки зберігається простір для елемента.

Якщо ви хочете, щоб плагін поєднав слайд і зникне, можливо, перевірте це: http://css-tricks.com/snippets/jquery/combine-slide-and-fade-functions/