Как сделать так чтобы скрытые тексты появились в нужном месте?
div[id^="div"] {
display:none;
}
input:checked + div[id^="div"] {
display:block;
}
<input type="radio" >Цена товара <div id=div1> Цена товара 100руб </div> <br> <input type="radio" >Наименование товара <div id=div2> Шило в мешке </div> Как сделать так чтобы скрытые тексты появились в нужном месте? Тоесть в нужном div-месте <div id=""></div>? |
Цитата:
- Спозиционировать их в нужном месте (либо делать это сразу) |
Но как сделать их видимыми:) в нужном месте?
|
sarik,
Style display: block ; position: absolute ; left: нужное значение top: нужное значение |
Дело в том что текст должно показываться в таблице..а можно так сделать чтобы показывалось в div,?
|
Цитата:
|
и как же это сделать чтобы текст показывалось в div,?
|
sarik,
Выложите код минимальной HTML разметки, с нужными чекбоксами и дивами... |
<input type="radio" >1 <div id=div1> 111111 </div> <br> <input type="radio" >2 <div id=div2> 222222 </div> Надо чтобы скрытий текст появилось внутр этой таблици <td><div id="design6"></div></td> |
<!DOCTYPE HTML>
<html>
<head>
<style>
div[id^=div]{
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var checkbox = $("#checkbox");
$('input[name="list_type"]',checkbox).change(function () {
var text = $(this).next().html();
$("#outtable td > #design6").html(text);
});
});
</script>
</head>
<body>
<div id="checkbox">
<input type="radio" name="list_type">1<div id=div1> 111111 </div><br>
<input type="radio" name="list_type">2<div id=div2> 222222 </div><br>
<input type="radio" name="list_type">3<div id=div2> 333333 </div><br>
</div>
Надо чтобы скрытий текст появилось внутр этой таблици
<table id="outtable" border="1" width="50%" height="20" cellpadding="12">
<tr>
<td><div id="design6"></div></td>
</tr>
</table>
</body>
</html>
|
| Часовой пояс GMT +3, время: 19:37. |