El borde de la mesa aparece y desaparece gradualmente - jquery, css, fade

Tengo una mesa y me gustaría entrar y salir.Los bordes superior e inferior de la tabla. Inicialmente, solo usé la función de desplazamiento del css, pero preferiría el desvanecimiento más sofisticado de jquery. Sé cómo hacer desaparecer los objetos en general dentro y fuera, pero no he encontrado ninguna solución solo para los bordes.

Respuestas

Al usar jQuery UI, puede animar () el color del borde usando un código como:

$("table").animate({"border-top-color": "#ffffff", "border-bottom-color": "#ffffff"}, 800);

Suponiendo que el color de fondo es blanco yMover el color del borde hacia el blanco completo lo hará desaparecer. Tenga en cuenta que el método nativo de jQuery animate () no funciona con colores, solo con valores numéricos: necesitará animate () de jQuery UI.