Состояние переключения jQuery

jQuery имеет два метода .toggle():

.toggle()

Toggles each of the set of matched elements. If they are shown, toggle makes them hidden. If they are hidden, toggle makes them shown.

.toggle(even, odd)

Toggle between two function calls every other click.

В этом случае вам нужен первый. Что-то вроде этого должно помочь:

$("a").click(function() {
    $("#theForm").toggle();
});

Ах, это простые вещи в жизни ...

Я использовал последнее определение toggle(even,odd);, но я забыл включить в свое первоначальное описание проблемы, что моя вторая функция переключения не только скрывала форму, но и разрушала ее.

function A: Ajax загружает форму в добавленный div. Скрыть и уничтожить div в успешной публикации формы.

function B: уничтожить div.

Вы оба напомнили мне, что toggle(); имеет дело только со свойством CSS и поэтому не подходит для этой задачи. Но потом я понял, что без надобности перезагружал форму для каждого «нечетного» состояния, уничтожая ее, когда я был готов, поэтому я в конце концов вернулся к этому:

$("link").click(function() {
    if ($(this).siblings(".form-div").length == 0) {
        // form is not loaded; load and show the form; hide when done
    }
    else {
        $(this).siblings(".form-div").toggle();
    }
});

... который делает то, что я хочу. Спасибо, что разъяснили мне toggle();!

Вот что я использовал:

$(document).ready(function() {
    $('#listing_position').click(function() {

    var div_form = $('#listing_position_input');
        if (div_form.hasClass('hide')) {
           div_form.removeClass('hide');
        } else {
          div_form.addClass('hide');
        }
    });  
});

Пошел с этим, чтобы избежать дополнительного класса скрытия / показа. Я думаю, что это более гибкое решение, чем решение foxy, поскольку вы можете добавить больше функций внутри, но не цитируйте меня, что я новичок

$("#clickie").click(function(){
  if ( $("#mydiv").css("display") == "none" ){
     $("#mydiv").show();
       } else {
        $("#mydiv").hide();
}

Вы можете проверить состояние переключателя в jQuery с помощью .is(":hidden"). Итак, в базовом коде я использовал:

$("#div_clicked").click(function() {
  if ($("#toggle_div").is(":hidden")) {
     // do this
  } else {
     // do that
}
}); # add missing closing

$("#div_clicked").click(function() {
  if ($("#toggle_div").is(":visible")) {
     // do this
  } else {
     // do that
}

Заменить скрытое на видимое