[{"_id":"674553651b8c712f1379758e","publication":"5f9e556c701b426a980955a6","user":{"_id":"5f9e50ed701b426a98095594","isDeactivated":false,"numFollowers":0,"hasGoldRing":false,"name":"Shivam Singhal","username":"championshuttler","tagline":"Pushing Bugs to Production","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607103772998/TVAqn5QCx.jpeg"},"createdAt":"2024-11-26T04:49:29.293Z","memberName":"Shivam Singhal","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607103772998/TVAqn5QCx.jpeg","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:29.293Z","username":"championshuttler","latestPosts":[{"_id":"5fd4d3dc95130967e0992d42","isAnonymous":false,"views":118,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607777104363/Qqzw9bEmX.png","brief":"Accordions are one of the most commonly used UI components for any website. For example FAQs section of the website, where only the question is shown, and when clicked the answer just opens up.\nGenerally, we handle this by creating 2 divs and adding ...","upvotes":0,"tags":["56744723958ef13879b95483","56744721958ef13879b94cad","56744723958ef13879b955a9"],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"Creating accordions with native HTML","type":"story","partOfPublication":true,"publication":{"_id":"5f9e556c701b426a980955a6","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false},"views":{"today":0,"thisWeek":4,"lastWeek":19,"thisMonth":9,"allTime":3792},"badgePageEnabled":false,"newsletterEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712102400":5,"1712188800":3,"1712275200":2,"1712448000":4,"1712534400":3,"1712620800":1,"1712707200":5,"1712793600":3,"1712966400":2,"1713052800":9,"1713139200":1,"1713225600":5,"1713398400":2,"1713484800":2,"1713657600":1,"1713744000":2,"1713830400":1,"1713916800":2,"1714089600":1,"1714262400":1,"1714348800":2,"1714435200":2},"customCSSEnabled":false,"author":"5f9e50ed701b426a98095594","isActive":true,"username":"championshuttler","domain":"championshuttler.in","urlPattern":"simple","title":"Shivam Singhal's Blog","links":{"twitter":"https://twitter.com/idkhtml","instagram":"https://instagram.com/mozborg","github":"https://github.com/championshuttler","website":"https://itsopensource.com","hashnode":"https://hashnode.com/@mozborg","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/championshuttler/"},"__v":0,"headerColor":"#6200ea","layout":"grid","darkModeEnabled":true,"imprintMarkdown":"","imprint":"","meta":"Devrel Engineer | Community Manager | Connect with me on [GitHub](https://github.com/championshuttler) or [Twitter](https://twitter.com/idkhtml)","metaHTML":"

Devrel Engineer | Community Manager | Connect with me on GitHub or Twitter

\n","hasBadges":true,"wmPaymentPointer":"$ilp.uphold.com/BJ4WEHKp9gai","metaTags":"","gaTrackingID":"255157162","fathomSiteID":"","fbPixelID":"","plausibleAnalyticsEnabled":true,"hotjarSiteID":"","fathomCustomDomain":"","fathomCustomDomainEnabled":false,"logo":"","favicon":"","viewCountVisible":false,"isAMPEnabled":true,"displayTitle":"","description":"","menu":[{"_id":"604632dbd0457f4d5c5836e5","type":"page","label":"About","page":"5fca5faf2e4db7780e482384","priority":1},{"_id":"604632dbd0457f4d5c5836e6","type":"page","label":"Contact Me","page":"5fca73c27865da78339e51cd","priority":1}],"domainStatus":{"ready":true,"certIssues":true},"readTimeHidden":false,"umamiWebsiteUUID":"b1f0ad03-b5f2-4fba-90c3-fea7d5b71ad6","umamiDataImported":true,"wwwPrefixedDomainStatus":{"ready":true,"certIssues":true},"domainUpdatedOn":"2024-01-15T14:58:35.882Z","createdAt":"2020-11-01T06:27:56.000Z","updatedAt":"2020-11-01T06:27:56.000Z","isTeam":true},"slug":"creating-accordions-with-native-html","dateAdded":"2020-12-12T14:29:48.433Z","series":null,"contributors":[],"cuid":"ckilspu8k05yiios19m3pd1cn","author":"5f9e50ed701b426a98095594","readTime":2},{"_id":"5fcf760aa38e1f208d80d50a","isAnonymous":false,"views":439,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607431666349/sJSHM36Mo.png","brief":"Problem\nIt's very common while building any project we use certain third party libraries, in the case of Javascript; npm packages, which recursively use more packages, and eventually your code includes a huge chunk of third party code.There is nothin...","upvotes":0,"tags":["56744721958ef13879b94cad"],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"Content Security Policy - protect your website from XSS attacks","type":"story","partOfPublication":true,"publication":{"_id":"5f9e556c701b426a980955a6","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false},"views":{"today":0,"thisWeek":4,"lastWeek":19,"thisMonth":9,"allTime":3792},"badgePageEnabled":false,"newsletterEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712102400":5,"1712188800":3,"1712275200":2,"1712448000":4,"1712534400":3,"1712620800":1,"1712707200":5,"1712793600":3,"1712966400":2,"1713052800":9,"1713139200":1,"1713225600":5,"1713398400":2,"1713484800":2,"1713657600":1,"1713744000":2,"1713830400":1,"1713916800":2,"1714089600":1,"1714262400":1,"1714348800":2,"1714435200":2},"customCSSEnabled":false,"author":"5f9e50ed701b426a98095594","isActive":true,"username":"championshuttler","domain":"championshuttler.in","urlPattern":"simple","title":"Shivam Singhal's Blog","links":{"twitter":"https://twitter.com/idkhtml","instagram":"https://instagram.com/mozborg","github":"https://github.com/championshuttler","website":"https://itsopensource.com","hashnode":"https://hashnode.com/@mozborg","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/championshuttler/"},"__v":0,"headerColor":"#6200ea","layout":"grid","darkModeEnabled":true,"imprintMarkdown":"","imprint":"","meta":"Devrel Engineer | Community Manager | Connect with me on [GitHub](https://github.com/championshuttler) or [Twitter](https://twitter.com/idkhtml)","metaHTML":"

Devrel Engineer | Community Manager | Connect with me on GitHub or Twitter

Members (1)

Shivam Singhal