Numbovskij,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.js-button1{
cursor: pointer;
}
</style>
</head>
<body>
<div class="js-button1" data-toggleText="всякий бред">кликни для получения приза!</div>
<div class="js-container1" style="display: none">всякая хрень</div>
<script>
(function ($D) {
var $button = $D.querySelector('.js-button1'),
$container = $D.querySelector('.js-container1');
$button.addEventListener('click', function (e) {
var data = $button.dataset,
toggletext = $button.innerHTML,
isVisible = $container.style.display != 'none';
$button.innerHTML = data.toggletext;
data.toggletext = toggletext;
$container.style.display = isVisible ? 'none' : 'block';
});
})(document);
</script>
</body>
</html>