justices adlı üyeden alıntı: mesajı görüntüle
css tanımla bunun gibi:

.bcn-goster { background-image: url(goster.jpg); }
.bcn-gizle { background-image: url(gizle.jpg); }
.bcn-buton { width: 20px; height: 20px; }

butonuda şöyle çağır:
<div class="bcn-buton bcn-goster"></div>



her toggle ettirdiğinde attr yada data özelliğini kullanarak bg değiştirip yada text ise text i döndürüp değiştirebilirsin
Asıl problemim imajı döndürme zaten. Yani gösterildiğinde göster butonunu gizle butonunu göster, gizlendiğinde ise göster butonunu göster. Bunu js ile nasıl yerleştirmem gerekecek?

ruvec adlı üyeden alıntı: mesajı görüntüle
bir javascript kütüphanesi ile değil de, basit bir javascript betiği ile de bunu yapabiliriz

<html>

<head>
<style type="text/css" >
	#alan{display:none;}
	span#goster{cursor:pointer;}
	span#gizle{display:none; cursor:pointer;}
</style>
<script type="text/javascript" >
	function goster() {
		document.getElementById("goster").style.display = "none";
		document.getElementById("gizle").style.display = "block";
		document.getElementById("alan").style.display = "block";
	}
	
	function gizle() {
		document.getElementById("gizle").style.display = "none";
		document.getElementById("goster").style.display = "block";
		document.getElementById("alan").style.display = "none";
	}
</script>
</head>

<body>

<span id="goster" onclick="goster();" >göster</span>
<span id="gizle" onclick="gizle();" >gizle</span>

<div id="alan" >
	<p>
		lorem ipsum dolor sit amet.
	</p>
</div>

</body>

</html>
biraz da bilgi vermem gerekirse:

* önce css ile etkileşim olmadan gösterilmeyecek alanı gizliyoruz.
* ardından yine css ile, göster butonunu gösteriyor, gizle butonunu gizliyoruz.
* daha sonra, javascript ile göster fonksiyonu çalışırsa olacakları yazıyoruz, gizle fonksiyonu çalışırsa olacakları yazıyoruz.
* html alanında ise göster butonunu, gizle butonunu ve yazı alanımızı yazıyoruz.
* ilk başta sadece göster butonu çalışacaktır. göster butonuna tıklandığında, yazı gösterilecek, göster butonu gizlenecek, gizle butonu ise gösterilecektir. gizle butonuna da basıldığında tam tersi olacak. göster butonu tekrar aktif edilecek, yazı ve gizle butonu da gizlenecektir.
Verdiğiniz bilgilerden dolayı teşekkür ederim hocam. Fakat bir eksiği var ki bu da benim eylemi slide olarak gerçekleştirmek istememdir.