<div ng-controller="MainCtrl">
    <a href ng-click="'SoftwarePackages';" ng-class="{ 'active' : toggle === 'SoftwarePackages' }">
      click here to go to Software Packages</a>
  <div class="row">
    <div class="col-sm-12">
      <div class="panel panel-primary">
        <div class="modal-body">
          <div class="row">
            <div  ng-controller="MainCtrl">
              <div class="workspace">
                <div class="sidebar-wrap">
                  <h3>Click below options:</h3>
                  <div class="sidebar-contents">
                    <a class="nav clearfix"
                       ng-click="toggle='showOsPackages';"
                       ng-class="{ 'active' : toggle === 'showOsPackages' }">
                      OS Packages
                    </a>
                    <p><a class="nav clearfix"
                         ng-click="toggle='SoftwarePackages'"
                         ng-class="{ 'active' : toggle === 'SoftwarePackages' }">
                        Software Packages</a>
                    </p></div>
                </div>
                <div class="contents-wrap">
                  <div class="" ng-show="toggle === 'showOsPackages'">
                    <h1>OS Packages</h1>
                    <p><h3>OS Packages has been selected/clicked</h3>       </div>
                  <div class="" ng-show="toggle === 'SoftwarePackages'">
                    <h1>Option Two</h1>
                    <h3>Software Packages has been selected/clicked</h3>
                  </div>
                </div>
              </div>
            </div>
            </div></div></div></div></div></div>