Jquery slidedown за конкретен избор

Post Reply
crazzybg
Турист
Турист
Posts: 210
Joined: Sun Dec 11, 2011 10:30 pm

Jquery slidedown за конкретен избор

Post by crazzybg » Sat Nov 17, 2012 3:33 pm

Здравейте използвам тази функция

[js]
$("#info").hide();
$("#clickme").click(function(){
$("#info").slideToggle('slow');
});
[/js]

и тя работи но искам да попитам тъй като искам да е сложа в News страница
как мога да я накарам да излиза конкретно това което съм избра примерно
имам 3 новини

Новина 1
Новина 2
Новина 3

когато натисна новина 1 си излиза

Новина 1
Инфо 1
Новина 2
Новина 2

но останалите новини не работят пробвах това .click да го направя onclick но по този начин не работи изобщо някой можели да ми помогне или да ми даде нещо подобно ?

Благодаря предварително

User avatar
critrate
Потребител
Потребител
Posts: 640
Joined: Mon Jun 18, 2012 6:21 pm
Answers: 23

Post by critrate » Sat Nov 17, 2012 3:51 pm

използва се

this

crazzybg
Турист
Турист
Posts: 210
Joined: Sun Dec 11, 2011 10:30 pm

здравей

Post by crazzybg » Sun Nov 18, 2012 7:54 am

нещо не ми се получава

Code: Select all

<div id="clickme">
  Click here
</div>
  <div id="info"> dddd </div>

<div id="clickme">
  Click here2
</div>
  <div id="info"> dddd2 </div>

User avatar
critrate
Потребител
Потребител
Posts: 640
Joined: Mon Jun 18, 2012 6:21 pm
Answers: 23

Post by critrate » Mon Nov 19, 2012 2:23 pm

Заповядай.

[css].news-info {
display:none;
}[/css]

[html]
<div class="news-title">Новина 1
<div class="news-info">Информация за новина 1</div>
</div>
<div class="news-title">Новина 2
<div class="news-info">Информация за новина 2</div>
</div>
<div class="news-title">Новина 3
<div class="news-info">Информация за новина 3</div>
</div>
[/html]

[js]
<script type="text/javascript">
$(document).ready(function() {
$('.news-title').click(function() {
$(this).find('.news-info').toggle();
});
});
</script>
[/js]

Post Reply