title: Getting pop up options like whatsApp when we click on attachment icon
body: <p>I have <code>&lt;div&gt;</code> which should be opened on button click and closed again on same button click.</p>
  
  <p>Someone marked it as duplicate,I know theme is same but the way of solving that question os different.I need in two different ways.</p>
  
  <p>Here is my fiddle link <a href="https://jsfiddle.net/rojaHema/nhwyowcv/4/" rel="nofollow noreferrer">https://jsfiddle.net/rojaHema/nhwyowcv/4/</a></p>
  
  <p><strong>As an example i need like whatsApp, how we get pop up options when clicked on attachments</strong></p>
  
  <p><strong>Button</strong></p>
  
  <pre><code>&lt;a class = "tab-item" ng-click="showDetails = ! showDetails"&gt;
      &lt;i class = "icon  ion-paperclip"&gt;&lt;/i&gt;
      Attach
  &lt;/a&gt;
  </code></pre>
  
  <p><strong>Div</strong> </p>
  
  <pre><code>&lt;div class ="bar bar-footer" ng-if="showDetails" &gt;
       &lt;div class = "tabs tabs-icon-bottom tabs-striped tabs-color-gray hide-on-keyboard-open"  style="background-color: white;" &gt;
            &lt;a class = "tab-item" ng-click="myCam()"&gt;
            &lt;i class = "icon  ion-camera"&gt;&lt;/i&gt;camera&lt;/a&gt;
  
            &lt;a class = "tab-item" ng-click="pdfUpload()"&gt;
                &lt;i class = "icon ion-upload"&gt;&lt;/i&gt;
                Pdf
            &lt;/a&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>