Есть две кнопки btn1 и btn2 и есть два блока: block1 (изначально display: block;) и block2 (изначально display: none;), хочу связать их в такую комбинацию: чтобы при клике по кнопке btn1: первому блоку присваивался display: none; а второму блоку: display: inline-block; при клике по btn2: первый блок display:block; второй display: none; Не силен в jquery, помогите советом или примером. Спасибо.
3
-
Хочешь на js без jquery? – Doofy 6 июн '16 в 11:45
-
главное чтобы работало:) – invited 6 июн '16 в 11:46
-
ответ уже дали, изи) – Doofy 6 июн '16 в 11:48
добавить комментарий
|
1 ответ
$('.btn1').on('click', function(){
$('.block1').css('display','none');
$('.block2').css('display','inline-block');
});
$('.btn2').on('click', function(){
$('.block1').css('display','block');
$('.block2').css('display','none');
});
-
1Сколько лишних телодвижений, можно одной строкой:
$(".block").toggleClass("hide-box")
– Alex Krass 6 июн '16 в 11:55 -
1в вопросе прозвучало не силен в jQuery... а объяснять что такое тугл клас несколько дольше... – BorisPobeshymov 6 июн '16 в 11:56
-
Ну Вы в ответе и так ничего не объясняли) Оставил комментарий, так как может кому-то будет полезно, не более. – Alex Krass 6 июн '16 в 12:02