Может просто после клика добавлять href атрибут?
$("button").click(function(){
$("#w3s").attr("href", "https://www.w3schools.com/jquery/");
});
Или вот готовое через preventDefault():
$(document).on('click', '.collapsed', function () {
event.preventDefault();
$(this).css( "max-width", "1000px" );
$(this).removeClass("collapsed");
$(this).addClass("expanded");
});
$(document).on('mouseout', '.expanded', function () {
$(this).css( "max-width", "40px" );
$(this).removeClass("expanded");
$(this).addClass("collapsed");
});
P.S. не пишите несколько функций в одну строку.