walker1232,
надо перенести style в css и убрать из кода, тогда скрипт будет ненужен.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
a{
display: block;
background-repeat: no-repeat;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = $(".block_info_main span");
s.click(function() {
s.not(this).removeClass("orange");
$(this).toggleClass("orange");
});
});
$(document).ready(function(){
var a = $('a.flex')
a.hover(
function() {
$(".inner, span.after", this).stop(true,true).animate({'opacity': 0.88}, 200)
},
function() {
$(".inner, span.after", this).stop(true,true).animate({'opacity': 0}, 200)
});
});
</script>
</head>
<body> <div class="hex grid-4 invert " style="opacity: 1;">
<a href="/project/slice" style="background-image: url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif);" title="Slice" class="flex">
<div class="inner" style="opacity: 0.88;">
<i class="ss-icon ss-standard huge">������</i>
<h3 class="flex">Slice</h3>
</div>
<div class="hex-1"><span class="after" style="opacity: 0.88;"></span></div>
<div class="hex-2"><span class="after" style="opacity: 0.88;"></span></div>
<span class="after" style="opacity: 0.88;"></span>
</a>
</div>
<div class="hex grid-4 invert " style="opacity: 1;">
<a href="/project/slice" style="background-image: url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif);" title="Slice" class="flex">
<div class="inner" style="opacity: 0.88;">
<i class="ss-icon ss-standard huge">������</i>
<h3 class="flex">Slice</h3>
</div>
<div class="hex-1"><span class="after" style="opacity: 0.88;"></span></div>
<div class="hex-2"><span class="after" style="opacity: 0.88;"></span></div>
<span class="after" style="opacity: 0.88;"></span>
</a>
</div>
</body>
</html>