Как пропустить изменения непрозрачности из jQuery show ()

Question

Я хочу использовать функцию jQuery show(700), но я не хочу никаких изменений непрозрачности. У рассматриваемого элемента есть фоновое изображение PNG с альфа-прозрачностью, а изменение непрозрачности вызывает странные черные границы вокруг фонового изображения во время анимации. Как я могу опустить анимацию opactiy из функции show()?

Answer 1

Используйте функцию анимации и просто меняйте ширину и высоту. Вот плагин, который сделает раскрытие.

jQuery.fn.extend( {
    reveal: function() {
       return this.each( function() {
           var $this = $(this);
           $this.animate( { width: "show", height: "show" } );
       });
    }
}

Answer 2

jQuery's показывает медленно (шоу с продолжительностью) делает слайд-шоу и постепенное исчезновение одновременно. Если вам нужен только слайд, просто используйте слайд.

jQuery("#someElement").slideDown(700);

Не намного больше, чтобы сказать об этом.

Answer 3

Я только что нашел это. Найдите функцию genFx в jQuery. Вы видите, что он просматривает массивы стилей и возвращает объект правильных стилей, который в конечном итоге передается функции animate внутри. Просто удалите «opacity» из массива!

Это также может работать для вас ...

.animate({ width: "show" });