Criando funções jQuery para manipular a visibilidade CSS

em jQuery, os métodos .hide () e .show () definir a propriedade CSS como NENHE e bloco, respectivamente. No entanto, existe uma função semelhante que define explicitamente a propriedade CSS Visibility como Hidden?

Solução

enquanto o jQuery não fornece uma função nativa especificamente para definir visibilidade, você pode criar facilmente seu próprio. Funções:

jquery.fn.visible = function () { retornar this.css ('visibilidade', 'visível'); }; jQuery.fn.invisible = function () { retornar this.css ('visibilidade', 'oculto'); }; jQuery.fn.visibilityToggle = function () { Retorne this.css ('visibilidade', função (i, visibilidade) { retornar (visibilidade == 'visível')? 'Hidden': 'Visible'; }); };

jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

$ ('#element'). Visible (); // torna o elemento visível $ ('#elemento'). Invisible (); // torna o elemento invisível $ ('#elemento'). visibilidadeTOGGLE (); // Alterna visibilidade

$('#element').visible(); // Makes element visible
$('#element').invisible(); // Makes element invisible
$('#element').visibilityToggle(); // Toggles visibility

! (Function ($) { var Toggle = $ .fn.toggle; $ .fn.toggle = function () { var args = $ .MakeArray (argumentos), lastarg = args.pop (); if (lastarg == 'visibilidade') { return this.visibilityToggle (); } retornar alternar.Apply (isto, argumentos); }; }) (jQuery);