News Site Comment Section Collapser

WHAT IT DOES

News Site Comment Section Collapser replaces the often lengthy and distracting comment section on news and article websites with a compact, collapsible header. Instead of scrolling past hundreds of comments to reach the end of an article, you see a neat bar showing the number of comments. Click the bar to expand and view the full comment section, or click again to collapse it. The extension automatically detects comment sections on most news sites using common identifiers, and you can customize selectors for sites with unique comment implementations. A manual toggle button lets you collapse or expand comments with a single click from anywhere on the page. A small notification appears when comments are collapsed, showing the comment count. This helps you focus on the article content while keeping comments easily accessible when you want them.

WHERE IT RUNS

The extension works on every website with comment sections, including major news sites, blogs, forums, and any page with user comments. It runs locally in your browser, scanning the page's DOM and replacing comment sections without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly.

HOW TO USE

After installation, the extension automatically collapses comment sections on page load (if auto-collapse is enabled). A header bar appears with the comment count—click it to expand and view comments, or click again to collapse. A floating "💬 Comments" button in the bottom-right corner lets you toggle the comment section from anywhere on the page. To customize the experience, open the extension panel and toggle "Auto-collapse on page load" to enable or disable automatic collapsing. Toggle "Show comment count in header" to show or hide the comment count. Toggle "Show manual toggle button" to show or hide the floating button. Choose the animation speed (Fast, Medium, or Slow). For sites with custom comment structures, add custom CSS selectors in the panel. For per-site customization, enable or disable the extension on specific websites using the per-site controls.

THE ACTUAL MECHANISM — DOM SCANNING WITH SECTION REPLACEMENT AND STATE TOGGLING

The extension uses a two-stage detection approach. First, it scans the page for comment section containers using a comprehensive list of over 50 selectors including class names (.comments, .comment-section, .disqus_thread), IDs (#comments, #discussion), and attribute patterns ([class*="comment"]). Second, it falls back to heading-based detection, searching for headings containing phrases like "comment", "discussion", "reply", or "feedback" and finding the parent container. When a comment section is found, the extension counts the number of comments by querying for comment elements (.comment, .comment-item, .comment-body) or extracting numbers from headings. The original section is hidden and replaced with a custom collapsible header that displays the comment count. The header is styled with a hover effect and a toggle arrow. Clicking the header toggles the visibility of the original comment section by toggling its display state. The extension stores the original display value to restore it when expanding. The floating toggle button is positioned using fixed positioning with z-index 2147482000 to appear above page content. Custom selectors are stored per domain using GM_setValue.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, collapse/expand/toggle buttons, auto-collapse toggle, count toggle, manual button toggle, animation speed selector, custom selector input, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. The comment section detection uses pattern matching and may occasionally miss comment sections on sites with unconventional implementations—custom selectors can be added to improve detection. The extension replaces the comment section by hiding it and inserting a header—this may affect the layout of some pages. No personal data, browsing history, or comment content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.