Quizlet Explanations Unlocker

Ever since Quizlet bought Slader and locked the community-made answers behind a paywall, thousands of high school students have been unable to access the files they need to complete their homework. In order to remedy this situation, I have created a simple Tampermonkey script that will bypass the paywall in an account that is not logged in.

This is purely for educational purposes (quite literally) and if you want me to take this down I shall. Please contact me through this email.

Installation

For now, this is a Tampermonkey script that will run in the browser. In order to install this script, download and add Tampermonkey to your web browser (script only tested on Chrome).

After installing Tampermonkey, a new tab will open. You can click out of that.

If you already have Tampermonkey, install this script from Greasyfork.

The easiest way to install the script is to copy and paste the script from this repo into Tampermonkey. You can also drag and drop it if you download it directly from the repo, the file is named "Quizlet Answers.user.js".

// ==UserScript==
// @name         Quizlet Editor
// @match        http*://www.quizlet.com/explanations/textbook-solutions/*
// @match        http*://quizlet.com/explanations/textbook-solutions/*
// @version      0.2
// @description  Remove paywall for Quizlet answers
// @author       troop129 + josephyooo
// @grant        none
// @run-at  document-end
// ==/UserScript==
window.addEventListener('load', function() {
    'use strict';
    var paywall = document.getElementsByClassName('wugyavo');
    if(paywall.length != 0){
        paywall[0].remove();
        document.getElementsByClassName('ExplanationSolutionsContainer hnqbbas s1oluvjw')[0].style.overflow="visible";
        let newHeight = document.getElementsByClassName('ExplanationsSolutionCard c5ngj6s')[0].offsetHeight;
        document.getElementsByClassName('mv7e89c')[0].style.minHeight=newHeight+"px";
    }
}, false);

Do this by opening the extensions menu, then clicking on "Create a new script". You can drag and drop here (after clearing the screen) or select all, delete, and copy-paste.

Then press "Ctrl + S" to save and it should automatically be activated.

Usage

THIS SCRIPT WILL NOT WORK WITH A LOGGED IN ACCOUNT!! Use incognito mode or another chrome profile where you are not logged in. Quizlet does not show the preview for the answers when you are logged in, so we cannot scrape it. You can enable this extension in incognito by right-clicking > "Manage Extensions" > "Allow in Incognito". I would recommend pinning Tampermonkey for easy access.

In order to use this extension, just go to the page you would like the answers for and wait. In order to get the right <div> tags we have to wait for the page to fully load.

How?

If you look at the Chrome Console, the HTML for the Quizlet answers page has two interesting parts for us. <div class="wugyavo"> and <div class="hs7m9cv s1oluvjw">.

This div contains the paywall itself, which we can just delete with the following code:

 var paywall = document.getElementsByClassName('wugyavo');
 paywall[0].remove();

What remains is the snippet of answer (now helpfully unblurred) but most likely cut off, as you can see in the snippet below.

In order to solve this, we can add some styling to the hs7m9cv s1oluvjw tag, which contains the answer. This will allow it to scroll and although it is not visually pleasing, it is functional.

document.getElementsByClassName('ExplanationSolutionsContainer hnqbbas s1oluvjw')[0].style.overflow="visible";

As you can see, the script appends the overflow:visible tag. This makes the box free from being cut off and we can see all of it rendered at once. This does cut off some of the text below it, so it needs a bit of logic to fix that.

let newHeight = document.getElementsByClassName('ExplanationsSolutionCard c5ngj6s')[0].offsetHeight;
document.getElementsByClassName('mv7e89c')[0].style.minHeight=newHeight+"px";

This finds the new height of the box and adds it to the height of the box. Still has a lot of edge case errors, but not a bad band-aid overall.

Issues

Still cuts off the buttons below the answers some times. Also sometimes has too much space taken up.

Next Steps

I would like to spend more than 5 minutes on reorganizing the page to fit the new visible answer, it does need some reoganizing.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Changelog

• 10/24/2022: v0.2 - Updating to working again, make overflow visible instead of scroll.