Merhabalar,
Mümkün olduğunu düşünüyorum ancak nasıl yapıldığını bilmiyorum. Acaba Bir div'e :hover ile reaksiyon verdiğimiz gibi tıkladığımızda da bir div'in display:none olmasını sağlayabilir miyiz?
Örnek bir kod yazacak olursam;
<div class="text"> Burada bazı yazılar var </div>
<div class="buton">Göster</div>
<style>
.text {color: #000000;background: #000000;}
</style>botton'a tıklandığında şu css çalışsın;
.text {background: #ffffff;} <html>
<head>
<style>.text {color:#000000;background:#ff0000;display:none;}</style>
</head>
<body>
<div id="yazilar" class="text" > Burada bazı yazılar var </div>
<div id="goster" class="buton" style="cursor:pointer;">Göster</div>
<script type="text/javascript">
document.getElementById('goster').addEventListener('click', function() {
var div = document.getElementById('yazilar');
if(div.style.display == 'none') {
div.style.display = 'block';
} else {
div.style.display = 'none';
}
});
</script>
</body>
</html>