Используйте кнопку для двух функций - покажите содержимое и отправьте

Question

У меня есть форма Bootstrap 3, которая показана с использованием функции collapse() на элементе <button>. Я бы тогда, когда форма открыта, эта кнопка станет кнопкой отправки в форме. Однако я понятия не имею, как изменить функцию кнопки на второй пресс.

Пример кода:

<form class="collapse" id="1234"> 
    <div class="form-group"> 
     <input class="form-control" type="text" placeholder="Name"> 
    </div> 
    <div class="form-group"> 
     <input class="form-control" type="email" placeholder="Email"> 
    </div> 
</form> 
<button class="btn btn-default btn-block" data-toggle="collapse" data-target="#1234">Open Form</button> 

функция JQuery готова к коду:

$(".btn-block").click(function() { 
    if ($.trim($(this).text()) == "Open Form") { 
     $(this).text("Submit Form"); 
    } else { 
     $(this).text("Open Form"); 
    } 
}); 

Вот JSFiddle с тумблера в действии: http://jsfiddle.net/tzosozwv/

Спасибо заранее.

Answer 1

Вызов submit() на вашем form элемент в вашем if заявлении:

if ($.trim($(this).text()) == "Open Form") { 
    $(this).text("Submit Form"); 
} else { 
    // Presumably this is where you want your form submitted... 
    $('form#1234').submit(); 
    $(this).text("Open Form"); 
} 

Answer 2

просто добавить представить

$(".btn-block").click(function() { 
    if ($.trim($(this).text()) == "Open Form") { 
     $(this).text("Submit Form"); 
    } else { 
     $('#1234').submit(); 
     $(this).text("Open Form"); 
    } 
}); 

Answer 3

Привет это желаемый код. Наслаждаться.

$(".btn-block").click(function() { 
    if ($.trim($(this).text()) == "Open Form") { 
    $(this).text("Submit Form"); 
    $(this).on("click",callfunction); 
} else { 
    $(this).text("Open Form"); 
    $(this).off("click",callfunction); 
} 
}); 

function callfunction(){ 
    alert('ak'); 
}