Как начать переход при падении другого div?

Question

Я довольно новыми для кодирования ...

<div class="box"> 
<a href="#">Click Here</a> 
<div class="slide"></div> 
</div> 

Вот мой код. Я пытаюсь получить «слайд», чтобы начать переход, когда я нависаю над всем «ящиком». Как сейчас, я должен нависнуть над фактическим div.

Здесь он находится в jsfiddle. Я использовал LESS, не можете ли вы использовать его в jsfiddle?

http://jsfiddle.net/nntTn/

Любая помощь приветствуется. Благодаря!

Answer 1

Рабочая Fiddle

Вы только что неправильный селектор есть все для этого

Так что я изменил эту

.box .slide:hover { 
    left: 262px; 
} 

к этому

.box:hover .slide { 
    left: 262px; 
} 

и теперь он прекрасно работает ,

Answer 2

В строке 32 вашей скрипки, изменится:

.box:hover .slide {