2015-03-19 3 views
0

Итак, у меня есть две кнопки: А и ВОдна кнопка вызывает другую кнопку, чтобы исчезнуть

В начале, только «А» видна и «B» скрыта (например, непрозрачности: 0)

Эти две кнопки расположены в одинаковом положении.

Есть ли способ, в котором при нажатии «A» появляется «B», и «A» скрыто?

Например

  1. Перед "А" нажата: А = видимый, В = не виден
  2. После того, как "А" нажата: А = не видно В = видна.

Спасибо, ребята.

+0

Я предполагаю, что это не может быть достигнуто с помощью CSS, лучше вы можете использовать JQuery для достижения этой цели. – stanze

+0

Не нужно jQuery, может быть сделано и с ванильным javascript. Но это правда, но добиться этого невозможно только с помощью CSS. – Paul

+0

Я вижу. Спасибо за ваш ответ. Тогда я сделаю некоторое исследование. Благодаря! (ps. этот ванильный js или jQuery, любые предложения о том, где я должен начать? спасибо) –

ответ

0

Попробуйте использовать JQuery вместо:

HTML:

<input type="button" id="a" name="a" value="A button" /> 
<input type="button" id="b" name="b" value="B button" /> 

JQuery:

$(document).ready(function() { 
    $("#a").on("click", function (eventObj) { 
     $(this).hide(); 
     $("#b").show(); 
    }); 
}); 
+0

Сладкое спасибо. Я это попробую :-) –

Смежные вопросы