Question: As I said in title my problem is I can't hover just one element. I gave some effect but each element is affected. I know it's a simple question and I search google and stackoverflow, I found. But any solution is working. 

İn the codes are here: <https://jsfiddle.net/dty0wth0/>

Also I tried that too: 

```
  $("section#box").mouseenter(function() {
             $('section#box span').css({'transition':'1s','top':'80px'}); 
        }).mouseleave(function() {
              $('section#box span').css({'transition':'1s','top':'-80px'}); 
        });

```

Thanks for helping.

Answer: 
You have an addressing problem.

This hovers the div (entire image), and only works with the span.

```
$("section#box div").hover(
   function() {
      $('span', this).css({'transition':'1s','top':'80px'})
   }, 
   function() {
    $('span', this).css({'transition':'1s','top':'-80px'}); 
   }
);

```

Although, frankly, this should just use CSS transitions entirely:

```
section#box div {
    position: relative;
}

section#box div span {
    top: -80px;
    transition: all 1s;
    position: absolute;
}

section#box div:hover span {
    top: 80px;
}

```
1. You have a lot of syntax errors (missing comma after function, extra parentheses)
2. You have a lot of unnecessary code (section selector, extra *this* context)
3. You need to include a library that has that method (for instance, jQuery) as you did not attach jQuery to your fiddle

### [jsFiddle](https://jsfiddle.net/dty0wth0/7/)

```
$("#box").on('mouseenter mouseleave', 'div', function(e) {
  var $target = $('span', this);

  if (e.type == 'mouseenter') {
    $target.css({ transition: '1s', top: '80px' });
  } else {
    $target.css({ transition: '1s', top: '-80px' });
  }

});

```

When the div is hovered (e.g., *mouseenter*, *mouseleave*) call the in/out function. Inside the in/out determine if it was the enter or leave event and apply the CSS to the target span inside the div.

This is actually the better solution because you're binding one event handler to the #box, instead of to each div or span. Once the box is hovered, it checks to see if the target (div) was hovered and if so, calls the function.

Inside the function, the target for the effect is span. *this* points to div, so simply find the span within the *this* (div) context and apply the CSS.