Following is the html structure, that is repeating inside my html page. 

```
<article class="tweet-inner"> 
    <div class="tweet">
        <div class="text">
            <p>Coming down! Time for Croation BBQ </p>
        </div>

        <p class="last"> 
            <span class="pull-right">
                <small> Hello this is first text </small>
                <small> Hello this is second text </small>
            </span>
        </p>
    </div>
</article>

```

The above is one unit of repeating structure inside my HTML. 

The functionality I want is, when you hover over the tweet text, `.tweet .text p` then the content of `.last` should show. 

I did the following :

```
.last{
    display: none;
}

.tweet .text p:hover .last{
    display: block;
}

```

Two doubts :

1. You should be able to see the `.last` of only the element upon which you have hovered.
2. The above is not working, the fiddle is <http://jsfiddle.net/EymLT/>

Thanks!