diff --git a/apps/files_sharing/js/public.js b/apps/files_sharing/js/public.js
index 8799e3e6fc..17dbdcd269 100644
--- a/apps/files_sharing/js/public.js
+++ b/apps/files_sharing/js/public.js
@@ -426,7 +426,7 @@ $(document).ready(function () {
 	}
 
 	$('#share-menutoggle').click(function() {
-		$('#share-menu').show();
+		$('#share-menu').toggleClass('open');
 	});
 });
 
@@ -436,6 +436,6 @@ $(document).mouseup(function(e) {
 
 	// if the target of the click isn't the container nor a descendant of the container
 	if (!container.is(e.target) && container.has(e.target).length === 0) {
-		container.hide();
+		container.removeClass('open');
 	}
 });
diff --git a/apps/files_sharing/templates/public.php b/apps/files_sharing/templates/public.php
index 9508b9f68b..eb721f8eed 100644
--- a/apps/files_sharing/templates/public.php
+++ b/apps/files_sharing/templates/public.php
@@ -50,7 +50,7 @@ $maxUploadFilesize = min($upload_max_filesize, $post_max_size);
 		<div class="header-right">
 			<?php if (!isset($_['hideFileList']) || (isset($_['hideFileList']) && $_['hideFileList'] === false)) { ?>
 			<a href="#" id="share-menutoggle" class="menutoggle icon-more-white"><span class="share-menutoggle-text"><?php p($l->t('Download')) ?></span></a>
-			<div id="share-menu" class="popovermenu menu hidden">
+			<div id="share-menu" class="popovermenu menu">
 				<ul>
 					<li>
 						<a href="<?php p($_['downloadURL']); ?>" id="download">