скрыть и показать две кнопки после того, как нажали на него

Question

Пожалуйста, дайте мне пример на основе моих кнопок в ниже без использования OnClick функции:

<button id="button1">Example 1</button> 
<button id="button2" style='display:none;'>Example 2</button> 

Например:

Button1 по умолчанию, после нажатия на нее скроется и появится кнопка2, появится и после нажатия кнопки2 снова скроется, и кнопка1 появится .

Мне нужен jQuery для этого только с идентификатором, а не с функцией onclick.

Можно ли получить ID для кнопок для скрытия и шоу?

Заранее спасибо

Answer 1

Вы можете сделать что-то простое, используя not(), также вы косяк делать это без обработчика событий нажмите

var btn = $('#button1,#button2').click(function() { // bind click handler to both button 
 
    $(this).hide(); // hide the clicked button 
 
    btn.not(this).show(); // show the another button which is hidden 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="button1">Example 1</button> 
 
<button id="button2" style='display:none;'>Example 2</button>