Firefox extension/userscript to prevent accepted answer from sticking to top on Stack Exchange

Question

Stack Exchange often places the accepted answer on top of all other answers.

I often get tricked into implementing the first answer, only to realize that it is vastly inferior to the second answer, with has much more upvotes. (example)

So, I am looking for an extension that would sort answer strictly by votes.
The order would not be affected by an answer being accepted or not.

Requirements:

• Works on Firefox
• Free, ideally open source

Answer 1

I've made a userscript to do this - it adds another sort button on the answers tab:

I've tested it on Firefox and Chrome on this question.

It will take the votes and sort them in descending order without taking into account which is the accepted answer (which it seems the 'votes' tab does currently).

To use, install Greasemonkey (on Firefox) or Tampermonkey (on Chrome) and install the script:

// ==UserScript==
// @name         Sort by votes, properly...
// @namespace    http://stackexchange.com/users/4337810
// @version      1.1
// @description  Adds a new option on questions to sort answers by votes *ignoring the accepted answer* - unlike the current 'votes' tab.
// @author       ᔕᖺᘎᕊ (http://stackexchange.com/users/4337810)
// @match        *://*.stackexchange.com/*
// @match        *://*.stackoverflow.com/*
// @match        *://*.superuser.com/*
// @match        *://*.serverfault.com/*
// @match        *://*.askubuntu.com/*
// @match        *://*.stackapps.com/*
// @match        *://*.mathoverflow.net/*
// @grant        none
// ==/UserScript==

setTimeout(function() {
    if ( $('.answer').length ) {
        $('.answer').each(function() {
            votes = $(this).find('.vote-count-post').text();
            $(this).attr('data-votes', votes); //add a 'votes' attribute to all the questions
        });

        var $wrapper = $('#answers');

        $('#answers-header').insertBefore('#answers');
        $('#tabs').append('<a href="javascript:void(0)" id="realVotesTab" title="Answers with the highest score first (ignoring accepted answers!)">real votes</a>');

        $('#realVotesTab').on('click', function() {
            $('#tabs a').removeClass('youarehere');
            $(this).addClass('youarehere');       
            //Thanks: https://stackoverflow.com/a/14160529/3541881
            $wrapper.find('.answer').sort(function(a, b) {
                return +b.getAttribute('data-votes') - +a.getAttribute('data-votes');
            }).prependTo($wrapper);
        });    

        //Comment out the next 3 lines if you do not want the 'real votes' tab to automatically be chosen when yuo first arrive at a question (ie. prepend "//" to the next 3 lines)
        if(document.URL.indexOf('?answertab=') == -1) {
           $('#realVotesTab').trigger('click');
        }
    }
}, 100);

Note: This is largely based on my previous script to sort bounties :)