Change button text when active or inactive.

[SisiVero]

Fixes

• Fixes [Feature] Change button text when active or inactive. #89 by @SisiVero

Description

This PR address the issue #89 . Active and Inactive feature was added to blog-index.html View button. This changes the text from "View" to "Close" when it is open and vice versa.

Technical details

No extra class or id was created. The already existed Js Function for the button was updated to includ the feature.

Tests

1. When a user clicks on the View button and it opens the panel, the text changes from "view" to "close", thereby enhancing UX.

Screenshots

When the button is inactive or closed:

when the button is active or opened:

Checklist

• My pull request has a descriptive title (not a vague title like Update index.md).
• My pull request targets the default branch of the repository (main or master).
• My commit messages follow [best practices][best_practices].
• My code follows the established code style of the repository.
• [] I added or updated tests for the changes I made (if applicable).
• [] I added or updated documentation (if applicable).
• I tried running the project locally and verified that there are no
  visible errors.

[netlify]

✅ Deploy Preview for vocabulary-docs ready!

Name	Link
🔨 Latest commit	5340e03
🔍 Latest deploy log	https://app.netlify.com/sites/vocabulary-docs/deploys/6705848aa4a2670008f1ddbb
😎 Deploy Preview	https://deploy-preview-145--vocabulary-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.