Hi, new at jQuery and CSS, have problem with apply style. The code below work only for first div, I cant make show and hide each of div.
<div id="post">
Some text here
<span style="float:left"><a href="#">коментувати</a></span>
<span id="settings"><a href="#">редагувати</a> | <a href="#">видалити</a></span>
<br /><br />
<hr>
</div>
<div id="post" style="">
Some text here
<span style="float:left"><a href="#">коментувати</a></span>
<span id="settings"><a href="#">редагувати</a> | <a href="#">видалити</a></span>
<br /><br />
<hr>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style>
#settings {
float:right;
display: none;
}
</style>
<script type="text/javascript">
$('#post').mouseover(function() {
$('#settings').show();
}).mouseout(function() {
$('#settings').css('display', 'none');
});
</script>