Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<a href="#" dropdown>Open
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</a>
<div>
Remaining Content
</div>
CSS
.active {display: none;}
JavaScript
var app = angular.module('app',[]);
app.directive("dropdown", dropdown);
function dropdown() {
var dropdown = {
link: link,
replace: false,
restrict: "A"
};
return dropdown;
function link(scope, element, attributes) {
element.bind("click", function(event) {
element.children().toggleClass("active");
});
}
}