Question

我正在尝试以角度进行滑动切换功能。但是没有像jquery中那样完美地看到示例.Panel进入滑动并隐藏在滑动中。我们可以在角度js中制作演示 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

实际上在我的标题中有搜索按钮（左侧）使用我需要显示切换幻灯片按钮与上面相同的动画。我们可以在这里做角度是我的代码

http://plnkr.co/edit/wONbjeisEZtr7ffCmb15?p=preview

angular.module('ionicApp', ['ionic'])
.controller('MyController', function($scope) {
  $scope.displaySearchBar=false;
  $scope.toggleSearch = function(){
    $scope.displaySearchBar= !$scope.displaySearchBar;
  }
})

在我的演示中它来自顶部。我需要像w3学校示例中那样打开

Answer 1

您不应该将z-index用于搜索栏，您需要将其删除。目前，您正在使用z-index在动画时在标题顶部显示搜索栏。删除z-index会显示w3学校网站的效果。

<强> CSS

.searchclass {
   border: 1px solid red;
   margin: 0 !important;
   position: absolute;
   width: 100%;
   /* z-index: 999; */
}

Demo

如何在角度js

1 个答案: