Slidetoggle next using on click

У меня есть кратные их на странице, и я хотел бы только скопировать «поле комментариев» в пределах каждой области (то есть: первый, который он найдет).Slidetoggle next using on click

<div class="comments"> 
<a style="cursor:pointer" onclick="jQuery('.comments-box').slideToggle();">comments</a></span> 
     <div class="add-comment">add</div> 
     <div class="response-form"></div> 
     <div class="comments-box"> 
     a bunch of comments 
     </div> 
</div>

Однако, это очевидно переключает КАЖДОЕ «поле для комментариев».

Я пробовал onclick="jQuery($(this).next('.comments-box')).slideToggle();", но не повезло.

источник

2013-07-29 Dave

Изменение разметки, удалить встроенный JavaScript, и добавьте HREF к якорю:

<div class="comments"> 
    <span><a href="#">comments</a></span> 
    <div class="add-comment">add</div> 
    <div class="response-form"></div> 
    <div class="comments-box"> 
     a bunch of comments 
    </div> 
</div>

Затем сделать это, чтобы сделать каждый комментарий ящик слайд вверх и вниз:

$(function() { 
    $('.comments a').on('click', function(e) { 
     e.preventDefault(); 
     $(this).closest('.comments').find('.comments-box').slideToggle(); 
    }); 
});

EDIT:

делает его рядный:

<a onclick="jQuery(this).closest('.comments').find('.comments-box').slideToggle();">comments</a>

источник

2013-07-29 06:21:51 adeneo

Благодаря @adeneo - так что нет способа сделать это рядный с 'onclick'? – Dave

Конечно, есть, но зачем использовать встроенный javascript, когда его так легко избежать? – adeneo

Истинный :) просто подумал, что я спрошу. Примут через 8 минут. – Dave

Попробуйте

$('.comments a').on("click",function(){ 
     $(this).parent().find('.comments-box').slideToggle(); 

     });

FIDDLE Demo

источник

2013-07-29 06:27:48

Спасибо, идея хотя и использовала его в onclick :) – Dave

, но это переключит все «комментарии», отметив, что OP имеет все те div и теги привязки в одном родителе. – krishgopinath

Нет, он будет переключать только 'a' нажал' comment box'. который протестирован –

Вы также можете использовать siblings(). Попробуйте это

$(function() { 
    $('.comments a').on('click', function(e) { 
     e.preventDefault(); 
     $(this).parent().siblings('.comments-box').slideToggle(); 
    }); 
});

JSfiddle demo

источник

2013-07-29 07:12:20

Slidetoggle next using on click

ответ

Смежные вопросы