Angular tabs 2

by bcaudan

HTML

<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<div ng-app="myApp">
    <div tabs>
        <ul>
            <li class="header">Tab 1</li>
            <li class="header">Tab 2</li>
        </ul>
        <div>
            <div class="content">Content 1</div>
            <div class="content" style="display: none">Content 2</div>
        </div>
    </tabs>
</div>

JavaScript

angular.module("myApp", []).directive('tabs', function() {
    return function(scope, element, attrs) {
        var headers = element.find(".header");
        headers.on('click', function() {
            alert('toto');
        });
    };
});