diff --git a/resources/js/singles/article-toolbar.ts b/resources/js/singles/article-toolbar.ts
index 687ecf3..3690710 100644
--- a/resources/js/singles/article-toolbar.ts
+++ b/resources/js/singles/article-toolbar.ts
@@ -7,15 +7,27 @@ function observeTabsButtons(): void {
 
   toolbarButtons.forEach((toolbarButton) => {
     toolbarButton.addEventListener('click', () => {
-      resetToolbarButtons();
-      toolbarButton.setAttribute('aria-selected', 'true');
+      const currentTabValue = toolbarButton.getAttribute('data-tab') as string;
+      toggleActiveTab(toolbarButton as HTMLElement);
+      handleActiveTabContent(currentTabValue as string);
     });
   });
 }
 
-function resetToolbarButtons(): void {
+function toggleActiveTab(toolbarButton: HTMLElement): void {
+  resetActiveToolbarButtons();
+  toolbarButton.setAttribute('aria-selected', 'true');
+}
+
+function resetActiveToolbarButtons(): void {
   const toolbarButtons = document.querySelectorAll('#article-toolbar button');
   toolbarButtons.forEach((toolbarButton) => {
     toolbarButton.setAttribute('aria-selected', 'false');
   });
 }
+
+function handleActiveTabContent(tab: string): void {
+  const contentWrapper = document.querySelector('.content-wrapper');
+  contentWrapper?.setAttribute('data-active-tab', tab);
+  console.log(tab);
+}