JQuery UI - функция подкачки, которая скрывает и показывает элементы с помощью селектора

Предисловие: у меня на странице есть jQuery и jQuery UI.

У меня определена эта функция:

    function swap(sel) {
        if (1 == 1) {
           $(sel).hide('drop',{direction:'left'});
        }
    }

Как мне исправить часть (1 == 1), чтобы проверить, не скрыт ли элемент, а затем вернуть его, если это так. Я уверен, что это легко, но я новичок в jQuery.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
1 304
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Почему вы не используете переключать()?

Например:

function swap(sel) {
  $(sel).toggle();
} 

Возможно, $(sel).toggle(); - это то, что вы ищете? Это лучший способ изменить видимость элемента.

Как сказали другие респонденты, toggle() - лучшее решение. Однако, если по какой-то причине вы не можете / не хотите использовать переключатель, и если ваш селектор предназначен только для одного элемента:

function swap(sel) {
    if ($(sel).is(':visible')) {  // Is this element visible?
       $(sel).hide('drop',{direction:'left'});
    }
}

Предостережение: Проверка: visible вернет ложное срабатывание, если элемент или любой из его родительских элементов - :hidden. Если это важно для вас, вы можете захотеть проверить это решение, который также пытается проверить это.

Будет ли переключаться эффект?

BuddyJoe 31.12.2008 01:59

AFAIK, единственные эффекты переключения - это эффекты по умолчанию, которые должны исчезать и увеличиваться одновременно, и slideToggle, который сдвигает контент вниз с нулевой высоты на полную высоту. Скорость можно настроить так же, как и любую анимацию jQuery. Если вам не нужен ни один из них, вам придется анимировать вручную.

Adam Bellaire 31.12.2008 02:07
Ответ принят как подходящий

если вам не нравится toggle, это может вам помочь:

function swap(sel) {
  if ($(sel).is(':visible')) {
    $(sel).hide('drop',{direction:'left'});
  } else {
    $(sel).show('drop',{direction:'left'});
  }
}

Мне нравится is (': visible'). Довольно ловко.

BuddyJoe 13.01.2009 05:48

Другие вопросы по теме