JQuery .toggle на том же ДИВ, но только открыть один

Question

<div> 
    <input class='kommentareBtn' type='button' value='Kommentare'> 
    <div class='blogKommentare'>Halooooooooooo</div> 
</div> 

<div> 
    <input class='kommentareBtn' type='button' value='Kommentare'> 
    <div class='blogKommentare'>Halooooooooooo</div> 
</div> 


$(document).ready(function() { 
    $(".kommentareBtn").click(function() { 
     $(".blogKommentare").toggle(); 
    }); 
}); 

https://jsfiddle.net/xum1zfqo/

Я хочу, что если открытое поле .blogKommentare при нажатии на кнопку .kommentareBtn, но только одно поле под кнопкой, и не все из поля.

Answer 1

Метод toggle() был устаревшим в jQuery версии 1.8 и удален в версии 1.9. если вы используете 1.8 ниже код будет работать

$(document).ready(function() { 
     $(".kommentareBtn").click(function(){ 
      $(this).next(".blogKommentare").toggle(); 
     }); 
    }); 

См скрипку здесь:

https://jsfiddle.net/xum1zfqo/9/ 

Answer 2

Вы можете использовать это, но его будет работать только на вашем примере HTML:

$(document).ready(function() { 
    $(".kommentareBtn").click(function(){ 
     $(this).next(".blogKommentare").first().toggle(); 
    }); 
}); 

Answer 3

Я не уверен, что это сработает, но я думаю, что это будет:

$(document).ready(function() { 
    $("#kommentareBtn").click(function(){ 
     $(this).next("#blogKommentare").toggle("slow"); 
    }); 
}); 

DEMO

More Example see the Link