a_bit_tricky

HTML

<div class="parent">
  parent
  <div class="child">
    hover me
  </div>
  <div class="sibling">
    click me
  </div>
</div>

CSS

.parent {
  background-color: orange;
  position: relative;
  width: 300px;
  height: 300px;
}

.child {
  background-color: red;
  position: absolute;
  width: 50%;
  height: 50%;
}

.sibling {
  top: 15%;
  background-color: yellow;
  position: absolute;
  display: none;
}

JavaScript

$('.child').hover(function() {
  $('.sibling').toggle();
});

$('.sibling').click(function() {
	alert('success');
});