diff --git a/src/components/accordion/Accordion.vue b/src/components/accordion/Accordion.vue
index 156012a51..0f6982714 100644
--- a/src/components/accordion/Accordion.vue
+++ b/src/components/accordion/Accordion.vue
@@ -18,8 +18,10 @@ export default {
                     this.tabs.forEach(tab => tab.d_active = false);
                 }
 
-                tab.d_active = !tab.d_active;
-                let eventName = !tab.active ? 'tab-close' : 'tab-open';
+                const newActiveState = !tab.d_active;
+                tab.d_active = newActiveState;
+                tab.$emit('update:active', newActiveState);
+                let eventName = newActiveState ? 'tab-open' : 'tab-close';
                 this.$emit(eventName, {
                     originalEvent: event,
                     tab: tab
diff --git a/src/views/accordion/AccordionDemo.vue b/src/views/accordion/AccordionDemo.vue
index d572c8549..7430893d6 100644
--- a/src/views/accordion/AccordionDemo.vue
+++ b/src/views/accordion/AccordionDemo.vue
@@ -54,7 +54,7 @@
                  <Button :icon="active2 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 2nd" @click="active2 = !active2" class="p-button-secondary" style="margin-left: .5em" />
                  <Button :icon="active3 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 3rd" @click="active3 = !active3" class="p-button-secondary" style="margin-left: .5em" />
             </div>
-    
+
             <Accordion :multiple="true">
                 <AccordionTab header="Godfather I" :active="active1">
                     The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war,