سلام دوستان من این فانکشن جاوا اسکریپت رو دارم
function functionName(elm) {
var dataHide = elm.getAttribute("data-hide"), dataShow = elm.getAttribute("data-show");
document.getElementById(dataHide).classList.add('h ide');
document.getElementById(dataShow).classList.remove ('hide');
}

میخوام داخل کدم اون رو استفاده کنم و وقتی روی دکمه کلیک میکنم اون div که دارم رو مخفی کنم هرکاری کردم نتونستم انجامش بدم. این هم از کدی که نوشتم و جواب نداد
<style>
.hide {
display: none;
}
</style>

</head>
<body>
<script>
function functionName(elm) {
var dataHide = elm.getAttribute("data-hide"), dataShow = elm.getAttribute("data-show");
document.getElementById(dataHide).classList.add('h ide');
document.getElementById(dataShow).classList.remove ('hide');
}
</script>

<div id="dataHide">hide</div>
<div id="dataShow">show</div>
<button onclick="functionName(this)">Try</button>


</body>