Open Details on Destkop, Close on mobile

details.html

<script>
//<![CDATA[
//open or close details elements based on viewport
function openDesktopDetails()
{
	const detailsEls = document.querySelectorAll(".wpc details");
	var len = detailsEls.length;
	var w = window.innerWidth;
	if(w > 1023) {
	detailsEls.forEach(function (item) {
	  item.open=true;
	});
	} else {
		detailsEls.forEach(function (item) {
			item.open=false;
		});
	}	
}
// run on load
document.addEventListener("DOMContentLoaded", function(event) {
	openDesktopDetails();
});

//run on window resize
window.addEventListener('resize', function(event) {
   openDesktopDetails();
}, true);
//]]>
</script>


<div class='wpc'>
<p><img src='/files/image/1470722677/250' alt=''/></p>
<details class='wpc-det'>
<summary>Jacks Dollies & Carts</summary>
<ul class='blackboxlist'>
<li>Dollys</li>
<li>Hand (Manual) Pallet Jacks</li>
<li>Carts</li>
</ul>
</details>
</div>