Fix regarding issue #11

- Evaluate again inside timeout if toggle is false or true to assure
that tooltips are only shown when  actions are displayed.
- Rolledback to v-show and removed else statement on showTooltip mehotd.
- No need to hide tooltips because will be destroyed by v-if when element
is removed from dom.
- Added 100ms for avoiding delay issues and match animation transition
time of 0.7s (maybe more time is needed)

Author: hazzo

dist/build.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-fab",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Vue Floating Action Button",
   "main": "src/index.js",
   "repository": {

dist/build.js.map

@@ -13,7 +13,7 @@
                                 leave-active-class="animated quick zoomOut"
                         >
                             <template v-if="action.tooltip">
-                                <li v-show="toggle" :style="{ 'background-color': action.color || bgColor }"
+                                <li v-if="toggle" :style="{ 'background-color': action.color || bgColor }"
                                     v-tooltip="{ content: action.tooltip, placement: tooltipPosition, classes: 'fab-tooltip', trigger: tooltipTrigger}"
                                     @click="toParent(action.name)" class="pointer"
                                     ref="actions">
@@ -266,14 +266,12 @@
                     //timeout to prevent wrong position for the tooltip
                     setTimeout(() => {
                         this.$refs.actions.forEach((item) => {
-                            item._tooltip.show();
+                            if(this.toggle) {
+                                item._tooltip.show();
+                            }
                         });
-                    },600);
+                    },700);
 
-                }else{
-                    this.$refs.actions.forEach((item) => {
-                        item._tooltip.hide();
-                    });
                 }
             }
         },