Collapsible difficulty sections on the games page

Currently the games page is really long, requiring a lot of scrolling to reach the bottom. Having collapsible tabs (something like the following) would fix this:

http://i.imgsafe.org/4234b20.png

Ideally, tab state would save across sessions so that players who are working on ‘very hard’ challenges don’t have to re-collapse all of the other sections to get to it every time.

11 Likes

Asked several times in the forum.

And adding in the tutorial the two other hidden tutorials.

I wanted to suggest this feature, too. It was very comfortable.

While waiting for the feature to be officially implemented, you possibly can use some userscript like this:

// ==UserScript==
// @name        Collapsible CodinGame
// @namespace   Collapsible CodinGame
// @require     https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @include     https://www.codingame.com/*
// @include     http://www.codingame.com/*
// ==/UserScript==

$(document).on("click", ".level-title", function() {
    $(this).closest(".level").find(".level-puzzles").slideToggle( "slow" );
});
2 Likes

While we are on the subject, can someone tell me a good Chrome extension to manage userscripts? I’m looking for one that doesn’t request permission to read/change all webpages. I don’t trust those.

Great idea Delgan!

To use this script, you can install browser add-ons like:

  • Chrome: Tampermonkey
  • Firefox: Greasemonkey

The script works in both add-ons.
I made some improvements in the script:

changeLog:

  • +/- symbol to show the status
  • level title is a button to collapse/expand the level content
  • puzzles in level are scrollable
  • onLoad() collapse solved levels
  • onLoad() site scrolls to unsolved level
  • onLoad() level scrolls to unsolved puzzle

here you can find the code: http://pastebin.com/qtkvCbgb

1 Like

@Segse the code is missed: This page has been removed!
Could you please publish the code again.

I was just about to suggest this as well.

1 Like