DWather adlı üyeden alıntı: mesajı görüntüle
Display ile oynamasan da opacity ile gizleyip açsan sanırım istediğin şey oluyor.
oda olur ancak fiziksel olarak gizlenecek alan boş görüneceği için kullanışlı olmuyor. Bu yüzden display: none; kullanmak daha uygun.

YedinciFirat adlı üyeden alıntı: mesajı görüntüle
CSS için henüz öyle bir seçici mevcut değil lakin jquery ile çok basit bir şekilde bu işi halledebilirsin bunun için `toggleClass` kullananmalısın.

<html lang="en">
<head>
  <meta charset="UTF-8" />
</head>
<body>
  <div class="ana-class-1">
	<div class="ic-class-1">
		<i class="hover-verilecek-icon">icon...</i>
	</div>
</div>
<div class="ana-class-2">
	<div class="ic-class-1">
		<div class="gizlenen-class">gizlenen class..</div>
	</div>
</div>
</body>
</html>
.gizlenen-class {display: none;}
.goster{
  display:inline-block !important;
}
  $(".hover-verilecek-icon").hover(function(){
    $(".gizlenen-class").toggleClass("goster");
  });
Demo
Süpersiniz hocam, belirttiğiniz gibi yaptım sorun çözüldü. Teşekkürler.