<div class="uXX u1"></div>
<div class="uXX u13"></div>
<div class="uXX u13"></div>
<div class="uXX u16"></div>
$('.uXX').hover(function() {
$('[class="'+$(this).attr('class')+'"]').addClass('bg');
}, function() {
$('[class="'+$(this).attr('class')+'"]').removeClass('bg');
});
.bg {
background-color: green;
}
$("#arrowheader").on('click', function(){
if ($(".header-middle").height() == 150) {
$(".header-middle").height(20);
$(".header-middle div").height(20);
$("#arrowheader").attr("class","icon-arrow-down")
} else {
$(".header-middle").height(150);
$(".header-middle div").height(150);
$("#arrowheader").attr("class","icon-arrow-up")
}
});
<div class="form-item">
<a href="http://site.local/events?field_years_tid=8"><</a>
<a href="http://site.local/events?field_years_tid=9" class="active">2014</a>
<a href="http://site.local/events?field_years_tid=10">2015</a>
<a href="http://site.local/events?field_years_tid=11">2017</a>
<a href="http://site.local/events?field_years_tid=10">></a>
</div>
var iv = setInterval(function() {
$('#loadingGif').show();
}, 1000);
$.ajax(...)
.always(function() {
clearInterval(iv);
$('#loadingGif').hide();
});
var images = [['http://example/templates/skin/skinname/images/1.png', '#href1'],
['http://example/templates/skin/skinname/images/2.png', '#href2'],
['http://example/templates/skin/skinname/images/3.png', '#href3']];
var a = Math.floor(Math.random()*images.length);
document.write('<a href="'+images[a][1]+'"><img src="'+images[a][0]+'"></a>');