Сообщение от Webtest
|
Ну, я хотел чтобы при нажатии на кнопку, например:
<input class="questionBtn" type="button" value="2">
Открывалась текстовая форма с таким же айти, но с приставкой ta_. А при нажатии на collapse сворачивалась.
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.mainContent {
display: none;
}
</style>
<script type='text/javascript'>
$(function (){
$('.questionBtn').each(function (){
$(this).click(function () {
var id='#ta_'+this.value;
$(id).show();
});
});
$('#collapse').click(function (){
$('.mainContent:visible').hide();
});
});
</script>
</head>
<body>
<form action="" method="post">
<table>
<tr>
<td class="capLeft">
<input type="text" name="url" value="">
<input type="Submit" value="Открыть" name="open" id="open">
</td>
<td class="capRight">
<input type="button" value="Свернуть" name="collapse" id="collapse">
<input type="submit" value="Закрыть" name="close" id="close">
</td>
</tr>
<tr>
<td class="content" colspan="2">
<textarea name="content" class="mainContent" id="ta_2">2</textarea>
<textarea name="content" class="mainContent" id="ta_e23">e233</textarea>
<textarea name="content" class="mainContent" id="ta_fgd">fgdsfgdsg</textarea>
</td>
</tr>
<tr>
<td class="tab" colspan="2">
<input class="questionBtn" type="button" value="2">
<input class="questionBtn" type="button" value="e23">
<input class="questionBtn" type="button" value="fgd">
</td>
</tr>
</table>
</form>
</body>
</html>
</html>