html - How to make horizontal accordion in Angular js? -
i new angular.js, have got vertical accordion in angular.js, need horizontal accordion. here vertical accordion: http://jsfiddle.net/carpasse/rst62/
i need same thing in horizontal accordion : http://stitchui.com/liteaccordion/ please check link example.
code
var directivesmodule = angular.module('mymodule', []); directivesmodule.directive('accordion', function factory(){ return { priority:0, restrict:'e', transclude:true, replace:true, scope:{}, template:'<div class="accordion" ng-transclude></div>', link: function(scope, ielement, iattr){ ielement.accordion({header: "h3.accordiontitle"}); } }; }); directivesmodule.directive('accordiontab', function(){ return { priority:1, restrict:'e', replace:true, transclude:true, scope:{ title:'bind'}, template:'<div><h3 class="accordiontitle"><a href="#">{{title}}</a></h3>' + '<div ng-transclude></div></div>' }; });
this matter of css, not angular. why don't include library link? serve purpose. luck!
Comments
Post a Comment