AngularJS/CSS Move one div out and another in on the same modal

HTML

<div ng-app="myApp">
    <div ng-controller="listCtrl">
        <div class="one">
            <p>
            div 1
            </p>
            <button ng-click="showOptions = !showOptions">{{showOptions?'Hide':'Show'}} Options</button>
        </div>
         <div class="two" ng-show="showOptions">
           <p>
           div 2
           </p>
        </div>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);
myApp.controller('listCtrl',function($scope){
    
   
    $scope.add = function(index){
    
        $scope.lists.push($scope.options[index]);
         $scope.options.splice(index,1);

        
    };

});