Как сделать переключение текста с помощью радиокнопок на css, как на примере
Или нужно будет подклюать JS?
В самом общем виде как-то так:
p {
display: none;
}
#one:checked ~ #text1,
#two:checked ~ #text2,
#three:checked ~ #text3{
display: block;
}
<input type="radio" name="radio" id="one" />
<input type="radio" name="radio" id="two" />
<input type="radio" name="radio" id="three" />
<p id="text1">Текст 1</p>
<p id="text2">Текст 2</p>
<p id="text3">Текст 3</p>
input {
float: left;
clear: left;
margin-right: 1em;
}
div {
overflow: hidden;
display: none;
}
:checked + * + * + * {
display: block;
}
<input type="radio" name="r" checked />
<input type="radio" name="r" />
<input type="radio" name="r" />
<div>Переключение текста с помощью радиокнопок</div>
<div>Как сделать переключение текста с помощью радиокнопок на css, как на примере Как сделать переключение текста с помощью радиокнопок на css, как на примере Как сделать переключение текста с помощью радиокнопок на css, как на примере Как сделать переключение текста с помощью радиокнопок на css, как на примере</div>
<div>Или нужно будет подклюать JS?</div>