Привет еще раз:)
Я использую скрипт jQuery, чтобы показать / скрыть некоторый контент:
<script type="text/javascript">
$('.toggleButton').click(function() {
var id = this.id.replace('toggleButton', '');
$('#content' + id).toggle();
});
</script>
Поскольку я использую PHP, я перебираю несколько элементов, и каждый из них имееткнопка, чтобы показать / скрыть ее содержимое.Мой контент - это форма с несколькими полями ввода.В каждом элементе первое поле моей формы имеет одно и то же имя (скажем, 'line1').
Что я хотел бы сделать, это когда я нажимаю на элемент и открываю его содержимое, чтобы сфокусироваться на поле ввода 'строка 1'.Когда я щелкаю по другому элементу, чтобы сфокусироваться на его поле 'line1' и т. Д. ...
Желательно с jQuery, потому что я полагаю, это будет проще, но решение javascript также подойдет :)1008 * Спасибо за любую помощь!
РЕДАКТИРОВАТЬ: Я приложу часть кода, который мне нужно показать и скрыть ... Может быть, это будет полезно ... Я использую codeigniter, так чтоне путать с некоторыми функциями:)
echo "<div class=\"toggleButton\" id=\"toggleButton".$item['id']."\">CLICK TO OPEN</div>";
echo "<div class=\"content\" id=\"content".$item['id']."\" style=\"display:none;\">";
echo form_open('title/add'); // codeigniter's open form
for ($i = 1; $i <= $item['rows']; $i++) {
echo "<input type=\"text\" class=\"line\" id=\"line".($i)."\">".br();
}
echo form_submit('submit', 'submit'); // codeigniter's submit for button
echo "</form>";
echo "</div>";