HTMLCollection and Nodelist hide() - KirkGarcia182/domExtend GitHub Wiki

hide()

Description

Change the style display of all the elements within the collection to none.

Syntax

collection.hide()

Return Value

The collection you just manipulated so you can chain these methods.

Example

<!DOCTYPE html>
<html>
<head>
	<title>domExt Examples</title>
</head>
<body>
	<div id="app">
		<div class="menus">
			<ul id='menuList1'>
				<li><a class='menuLink'>Menu 1</a></li>
				<li><a class='menuLink'>Menu 2</a></li>
				<li><a class='menuLink'>Menu 3</a></li>
			</ul>
			<ul id="menuList2"></ul>
			<ul id="menuList3"></ul>
		</div>
	</div>
	<script type="text/javascript" src="domExt.js"></script>
	<script type="text/javascript">
		window.$ = document;

		let collection = $.qsa('.menuLink');
		collection.hide();

		console.log(collection);
		/* Result
			<li><a class='menuLink' style='display: none>Menu 1</a></li>
			<li><a class='menuLink' style='display: none>Menu 2</a></li>
			<li><a class='menuLink' style='display: none>Menu 3</a></li>
		*/
	</script>
</body>
</html>
⚠️ **GitHub.com Fallback** ⚠️