try this.. you have to change some attributes values. Two element of an html page cant have same id.
<style type="text/css">
#settings {
float:right;
display: none;
}
</style>
<script type="text/javascript">
$(function () {
$('.post').mouseover(function () {
$('.post span').show();
}).mouseout(function () {
$('.post span').css('display', 'none');
});
});
</script>
<div class="post">
Some text here
<span style="float:left"><a href="#">коментувати</a></span>
<span><a href="#">редагувати</a> | <a href="#">видалити</a></span>
<br /><br />
<hr>
</hr></div>
<div class="post" style="">
Some text here
<span style="float:left"><a href="#">коментувати</a></span>
<span><a href="#">редагувати</a> | <a href="#">видалити</a></span>
<br /><br />
<hr>
</hr></div>