Dynamic Dropdown

HTML

<p><a class="dropdown">Click to toggle</a><p> <div class="dropdown-menu"> <div class="style-single"> Random Text </div> </div> <p><a class="dropdown">Click to toggle 2</a><p> <div class="dropdown-menu"> <div class="style-single"> This doesn't work :( </div> </div>

CSS

.dropdown::after{ display:inline-block; content:''; border-left:5px solid transparent; border-right:5px solid transparent; border-top: 5px solid black; margin-left:8px; }

Javascript

$(document).ready(function() { $(".dropdown").click(function() { $(this).parent().nextAll('.dropdown-menu').first().toggle('slow'); }); });