pop对div的影响

Question

我有一个div，我想在另一个div的点击底部显示它，就像弹出窗口一样，但位置相对于我的第一组div ...

我正在使用angular来循环div。我正在尝试下面的代码但似乎没有工作..有没有办法使用jquery或css调整我可以实现这个？

*编辑 - 所需的输出就像连续一样我将显示3个选项，在下一行显示另外3个。如果我点击任何选项。隐藏的div应该出现在我点击的选项下面，并且在第一个之间和第二行。

我的代码

My Controller code: -


  app.controller('MyCtrl', ['$scope',
    function($scope) {
      $scope.options = [{
        name: 'First Option',
        value: '1st answer'
      }, {
        name: 'Second Option',
        value: '2nd answer'
      }, {
        name: 'Third Option',
        value: '3rd answer'
      }, {
        name: 'Fourth option',
        value: '4th answer'
      }];

    }
  ]);

.btn-option {
  width: 30%;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
}
.change-answer {
  width: 30%;
  min-height: 100px;
  background-color=#f6f6f6;
  border 1px solid #DDD;
  position: relative;
  clear: both;
}

I have a div and I want to show it on bottom of click of another div. I am using angular to loop through the divs. My HTML code

<div class="clearfix">
  <div ng-repeat="option in options">
    <div class="btn-options">
      {{option.name}}
    </div>
    <button class="change-answer">Show Me just below the option on clicking any of the option.{{option.value}}
    </button>
  </div>
</div>