如何使用jQuery slideToggle在内联列表中展开嵌套列表?

时间:2015-11-05 16:25:41

标签: jquery html css

当您切换嵌套列表以展开它时,我有一个水平列表(显示:内联块),它会将列表中的所有其他app.directive('foSidenav',['getDocuments', function(getDocuments){ function linker($scope, element, attrs){ $scope.selectDocType = function(id) { alert('docId updated'); alert(id); getDocuments(id).then(function(result){$scope.DocType = result;}, function(error){$scope.error = result;}); }; } return{ restrict: 'E', replace: true, scope: { info:'=', DocType:'=' }, templateUrl:function(element,attr){ return attr.url; }, link:linker };}]); 拉下来。

这是我的Demo

显然我知道它可以像this demo一样工作,因为主列表没有显示内联。但我需要它是内联的。如果有人知道如何让这个工作,我会很感激输入。我试着寻找答案并玩弄代码,但我没有运气。

提前致谢。

CSS:

<li>

1 个答案:

答案 0 :(得分:0)

将z-index添加到嵌套元素:

<li>

您的列表会展开,因为它们嵌套在{{1}}元素中。

这样可行!祝你好运http://jsfiddle.net/pLv77/45/