diff --git a/resources/src/jquery/jquery.makeCollapsible.js b/resources/src/jquery/jquery.makeCollapsible.js
index ce1167b524c..71c4fa43b3c 100644
--- a/resources/src/jquery/jquery.makeCollapsible.js
+++ b/resources/src/jquery/jquery.makeCollapsible.js
@@ -163,15 +163,9 @@
 	 * @private
 	 */
 	function hashHandler() {
-		var fragmentId, fragment, $parents;
+		var fragment, $parents;
 
-		fragmentId = window.location.hash.slice( 1 );
-		if ( !fragmentId ) {
-			// The hash is empty
-			return;
-		}
-
-		fragment = document.getElementById( fragmentId );
+		fragment = document.querySelector( ':target' );
 		if ( !fragment ) {
 			// The fragment doesn't exist
 			return;
diff --git a/tests/qunit/suites/resources/jquery/jquery.makeCollapsible.test.js b/tests/qunit/suites/resources/jquery/jquery.makeCollapsible.test.js
index 7d69af31748..28ed23faab2 100644
--- a/tests/qunit/suites/resources/jquery/jquery.makeCollapsible.test.js
+++ b/tests/qunit/suites/resources/jquery/jquery.makeCollapsible.test.js
@@ -379,9 +379,9 @@
 
 	QUnit.test( 'reveal hash fragment', function ( assert ) {
 		var $collapsible = prepareCollapsible(
-				'<div class="mw-collapsible mw-collapsed">' + loremIpsum + '<div id="div,a:nth-child(even)">' + loremIpsum + '</div></div>'
+				'<div class="mw-collapsible mw-collapsed">' + loremIpsum + '<div id="español,a:nth-child(even)">' + loremIpsum + '</div></div>'
 			),
-			fragment = document.getElementById( 'div,a:nth-child(even)' ),
+			fragment = document.getElementById( 'español,a:nth-child(even)' ),
 			done = assert.async();
 
 		assert.assertTrue( fragment.offsetParent === null, 'initial: fragment is hidden' );
@@ -392,7 +392,7 @@
 			window.location.hash = '';
 		} );
 
-		window.location.hash = 'div,a:nth-child(even)';
+		window.location.hash = 'espa%C3%B1ol,a:nth-child(even)';
 	} );
 
 	QUnit.test( 'T168689 - nested collapsible divs should keep independent state', function ( assert ) {