Здравейте!
Имам един проблем с JS, имам 3 коментара който също може да се коментират.
На коментара имам бутон Коментирай, като се кликне на него трябва да ми се покаже текстареата в която се пише коментара към него, обаче като натисна коментирай ми се показва ареата само на първия коментар, на другите два под него не работи, понеже имам бегли познания по JS и не мога да се справа с проблема, моля някой да ми помогне!
Дано сте ме разбрали, ето и кода.
html
JS
Имам един проблем с JS, имам 3 коментара който също може да се коментират.
На коментара имам бутон Коментирай, като се кликне на него трябва да ми се покаже текстареата в която се пише коментара към него, обаче като натисна коментирай ми се показва ареата само на първия коментар, на другите два под него не работи, понеже имам бегли познания по JS и не мога да се справа с проблема, моля някой да ми помогне!
Дано сте ме разбрали, ето и кода.
html
Код:
<div id="user_comment">
<div id="avatar_2"><img src="img/avatar_2.gif" alt="avatar_2" /></div>
<span class="user_comment_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<span class="add_com_to_com"><a href="javascript: void(0);" id="add_com_to_com_a">+Коментирай</a></span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
<div id="com_to_com_area" style="display: none;">
<form method="post" action="">
<textarea name="textarea" id="com_to_com_textarea"></textarea>
<div id="com_to_com_button_bg"><input type="submit" name="submit" id="com_to_com_button" value=""/></div>
</form>
</div>
<div id="com_to_com">
<div id="avatar_3"><img src="img/avatar_3.gif" alt="avatar_3" /></div>
<div id="com_to_com_bg">
<span class="com_to_com_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
</div>
</div>
</div>
<div id="user_comment">
<div id="avatar_2"><img src="img/avatar_2.gif" alt="avatar_2" /></div>
<span class="user_comment_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<span class="add_com_to_com"><a href="javascript: void(0);" id="add_com_to_com_a">+Коментирай</a></span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
<div id="com_to_com_area" style="display: none;">
<form method="post" action="">
<textarea name="textarea" id="com_to_com_textarea"></textarea>
<div id="com_to_com_button_bg"><input type="submit" name="submit" id="com_to_com_button" value=""/></div>
</form>
</div>
<div id="com_to_com">
<div id="avatar_3"><img src="img/avatar_3.gif" alt="avatar_3" /></div>
<div id="com_to_com_bg">
<span class="com_to_com_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
</div>
</div>
</div>
<div id="user_comment">
<div id="avatar_2"><img src="img/avatar_2.gif" alt="avatar_2" /></div>
<span class="user_comment_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<span class="add_com_to_com"><a href="javascript: void(0);" id="add_com_to_com_a">+Коментирай</a></span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
<div id="com_to_com_area" style="display: none;">
<form method="post" action="">
<textarea name="textarea" id="com_to_com_textarea"></textarea>
<div id="com_to_com_button_bg"><input type="submit" name="submit" id="com_to_com_button" value=""/></div>
</form>
</div>
<div id="com_to_com">
<div id="avatar_3"><img src="img/avatar_3.gif" alt="avatar_3" /></div>
<div id="com_to_com_bg">
<span class="com_to_com_text">
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</span>
<br /><span class="comment_date">Добавен на: 01.01.2011</span>
<br /><span class="blue_text_2">2 души харесват това</span><span class="blue_text_2"><a href="#">Харесва ми!</a></span>
</div>
</div>
</div>JS
Код:
$(document).ready(function () {
var add = $('#add_com_to_com_a');
var area = $('#com_to_com_area');
add.click(function () {
area.fadeIn();
});
});