<div class="form-group">
         <div>
            <yesno-button class="radioField" show-hide ng-click="showChildFields(ev)"></yesno-button>
            <label class="radio-inline control-label">1st Container</label>
        </div>
</div>
<div class="form-group" style="display:none;">
        <div>
            <yesno-button class="radioField"></yesno-button>
            <label class="radio-inline control-label">2nd Container</label>
        </div>
</div>

module.directive("showHide", function () {

    return {


        link: function (scope, element, attrs, controller) {

            scope.showChildFields = function (ev) {
                    //need to enable and disbale 2nd container with ng-animation
            };
        }
    };
});

<div class="form-group">
  <div>
    <input type="button" ng-click="container.showChildren = !container.showChildren" value="Yes/No"/>
    <label class="radio-inline control-label">
      1st Container
    </label>
  </div>
</div>
<div class="form-group animate-show" ng-show="container.showChildren">
  <div>
    <input type="button" value="Yes/No"/>
    <label class="radio-inline control-label">
      2nd Container
    </label>
  </div>
</div>