Как сверстать блок?

255
07 марта 2017, 13:55

Есть такой блок

При клике на при тариф информация в табличке должна измениться на другую. Как это оптимально заверстать? Пока только пришло в голову дать id-шники таблице и кнопке и подгружать через jquery.

Answer 1

Решение уже было в английской версии - http://stackoverflow.com/questions/25735512/replace-div-content-onclick

Рабочий пример кода - http://jsfiddle.net/ha6qp7w4/4/

JQuery:

$('#btnClick').on('click',function(){
    if($('#1').css('display')!='none'){
    $('#2').html('Here is my dynamic content').show().siblings('div').hide();
    }else if($('#2').css('display')!='none'){
        $('#1').show().siblings('div').hide();
    }
});

HTML:

<div id="1">
    My Content 1
</div>
<div id="2" style="display:none;">
    My Dynamic Content
</div>
<button id="btnClick">Click me!</button>
READ ALSO
Перенаправление пользователя с сохранением данных текущего запроса

Перенаправление пользователя с сохранением данных текущего запроса

Как сделать перенаправление пользователя при ответе сервлета с сохранением данных текущего запроса?

288
Cкрипт формы фидбэка

Cкрипт формы фидбэка

Здравствуйте, господаНужна Ваша помощь

265
Шрифты на резиновом шаблоне

Шрифты на резиновом шаблоне

Добрый вечерВерстаю резиновый шаблон и возникли неожиданные трудности с шрифтами

246
Некорректно работают виджеты VK API на wix.com

Некорректно работают виджеты VK API на wix.com

Попытался встроить, вставив в блок "html" виджет сообщества, вышло следующее: (не полностью + "прогрузка" длится вечно)

282