<style type="text/css">
.demo-5 .dl-menuwrapper button {
display: none;
}
.site-content {
background-color: #ffffff;
}
a {
color: red;
text-decoration: none !important;
font-size: 0.9em;
}
.AirRide-Button {
margin: 0;
padding: 0.45em 0.9em;
font-size: 1.4em;
}
.site-footer
{
display: none;
}
.AirRide-title-style
{
margin-top: 35px;
margin-bottom: 25px !important;
text-align: center;
font-size: 2em !important;
text-transform: uppercase;
font-weight: bold;
border-bottom: 2px solid #ababab;
letter-spacing: 5px;
}
.AirRide-sub-title
{
color: #fe0000;
font-size: 2rem;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
}
.AirRide-footer-style {
border-top: 2px solid lightgray;
margin-top: 30px;
/* color: #e41d13; */
color: black;
font-size: 1.3em !important;
padding-top: 30px;
padding-bottom: 30px;
}
.container
{
margin: auto;
}
.gridder{margin:0px;padding:0px;list-style-type:none;font-size:0}.gridder-list,.gridder-show{font-size:16px}.gridder-list{display:inline-block;vertical-align:top}.gridder-show{display:block;float:left;width:100%;position:relative}.gridder-content{display:none}.gridder-list{width:49.5%}.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}.gridder-list:nth-of-type(2n){margin-right:0;margin-bottom:0}
/*# sourceMappingURL=jquery.gridder.min.css.map */
.gridder-navigation {
display: none;
}
.gridder{margin:0px;padding:0px;list-style-type:none}.gridder-list{display:inline-block;vertical-align:top}.gridder-show{display:block;float:left;width:100%;position:relative;background:#EEE url("../images/loading-spin.svg") no-repeat center}.gridder-show.loading{background:#EEE url("../images/loading-spin.svg") no-repeat center}.gridder-content{display:none}.gridder-list{width:49.5%}.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}.gridder-list:nth-of-type(2n){margin-right:0;margin-bottom:0}.gridder-show{padding:20px;background:#EEE;margin-bottom:1%}.gridder-navigation .gridder-nav.disabled{opacity:.5}.gridder-list{cursor:pointer}.gridder-list:hover{opacity:0.8}.hasSelectedItem .gridder-list{opacity:.5}.hasSelectedItem .gridder-list.selectedItem{opacity:1}@media screen and (min-width: 700px){.gridder-list{width:15.8333333333%}.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}.gridder-list:nth-of-type(6n){margin-right:0;margin-bottom:0}}
/*# sourceMappingURL=demo.css.map */
.site-content a:not(.masonry-item-link) {
font-family: sans-serif, ariel !important;
color: #000000 !important;
font-weight: bold !important;
transition: all 0.2s !important;
text-decoration: none !important;
text-transform: uppercase !important;
letter-spacing: -0.5px !important;
font-size: 16px !important;
}
.row a:hover {
font-family: sans-serif, ariel;
color: white !important;
font-weight: 600;
transition: all 0.2s;
background-color:#000000;
}
h2 {
font-family: sans-serif, ariel !important;
color: #ffffff !important;
font-size: 22px;
letter-spacing: -0.5px !important;
font-weight: 600 !important;
font-style: italic;
background-color:#ff0002;
text-align:left;
vertical-align: middle;
padding:20px 47px;
text-transform: uppercase;
}
p {
margin-top: 0;
font-size: 14px !important;
color: #7d7d7d;
font-style: italic;
font-weight: 500 !important;
margin-bottom: 0rem !important;
}
.site-content {
margin-top: 0px !important;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>Gridder.js - MH Finder</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Armata" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="/Users/Niall/Desktop/gridder-master/dist/css/jquery.gridder.min.css" rel="stylesheet">
<link href="/Users/Niall/Desktop/gridder-master/demo/css/demo.css" rel="stylesheet">
</head>
<body>
<div class="container">
<p class="AirRide-title-style">Find your Motorhome or Van Kit</p>
<!-- Search function at top -->
<p style="color:grey; font-size:.8em;">Search for your vehicle or select logo below</p>
<ul class="gridder">
<li class="gridder-list" data-griddercontent="#gridder-content-1">
<img src="/wp-content/uploads/2018/04/AL-KO.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-2">
<img src="/wp-content/uploads/2018/04/Citroen_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-3">
<img src="https://airride.co.uk/wp-content/uploads/Graphics/Dodge_Logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-4">
<img src="/wp-content/uploads/2018/04/fiat_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-5">
<img src="/wp-content/uploads/2018/04/ford_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-6">
<img src="https://airride.co.uk/wp-content/uploads/Graphics/Freightliner_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-7">
<img src="https://airride.co.uk/wp-content/uploads/Graphics/honda_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-8">
<img src="https://airride.co.uk/wp-content/uploads/Graphics/Hyundai_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-9">
<img src="/wp-content/uploads/2018/04/Isuzu_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-10">
<img src="/wp-content/uploads/2018/04/iveco_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-11">
<img src="https://airride.co.uk/wp-content/uploads/Graphics/Man_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-12">
<img src="/wp-content/uploads/2018/04/mazda_logo.png" class="img-fluid">
</li><!--
--><li class="gridder-list" data-griddercontent="#gridder-content-13">
<img src="/wp-content/uploads/2018/04/Merc_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-14">
<img src="/wp-content/uploads/2018/04/Mitsubishi_logo.png" class="img-fluid">
</li><!--
-->
<li class="gridder-list" data-griddercontent="#gridder-content-15">
<img src="/wp-content/uploads/2018/04/Nissan_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-16">
<img src="/wp-content/uploads/2018/04/Opel_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-17">
<img src="/wp-content/uploads/2018/04/Peugeot_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-18">
<img src="/wp-content/uploads/2018/04/Renault_logo-1.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-19">
<img src="/wp-content/uploads/2018/04/Toyota_logo-1.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-20">
<img src="/wp-content/uploads/2018/04/Vauxhall_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-21">
<img src="/wp-content/uploads/2018/04/VW_logo.png" class="img-fluid">
</li>
<li class="gridder-list" data-griddercontent="#gridder-content-22">
<img src="/wp-content/uploads/2018/04/other_logo.png" class="img-fluid">
</li>
</ul>
<div id="gridder-content-1" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/FiatDucato_MH.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>AL-KO Chassis Only</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/al-ko/">ALKO (All Kits)</a><br>
<a href="/air/shop/van-motorhome-pickup/air-assist/al-ko-chassis-ducato-relay-jumper-and-boxer-kit/">Ducato, Relay, Jumper and Boxer Kit (1994-2002)</a><br>
<a href="/air/shop/van-motorhome-pickup/air-assist/al-ko-chassis-ducato-relay-jumper-and-boxer-kit-2002-2007-by-dunlop/">Ducato, Relay, Jumper and Boxer Kit (2002-2007)</a><br>
<a href="/air/shop/van-motorhome-pickup/air-assist/al-ko-chassis-ducato-relay-jumper-and-boxer-kit-2007-b/">Ducato, Relay, Jumper and Boxer Kit (2007-2017)</a><br>
<a href="/air/shop/van-motorhome-pickup/air-assist/al-ko-chassis-ducato-relay-jumper-and-boxer-kit-2002-2007-by-dunlop-airride-tag-tandem-axle/">Ducato, Relay, Jumper and Boxer Kit (2002-2007) Tag Tandem Axle</a><br>
<a href="/air/shop/van-motorhome-pickup/air-assist/al-ko-chassis-ducato-relay-jumper-and-boxer-kit-2007-2017-by-dunlop-airride-tag-tandem-axle/">Ducato, Relay, Jumper and Boxer Kit (2007-2017) Tag Tandem Axle</a></p>
<p>For non AL-KO rear suspension please check the manufacturers logo.</p>
</div>
</div>
</div>
<div id="gridder-content-2" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/2018/02/citroen_jumper_van_l4h3_2017_3d_model_c4d_max_obj_fbx_ma_lwo_3ds_3dm_stl_1670949_o.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>CITROEN</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/citroen/c25/">Citroen C25</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/citroen/jumper/">Jumper</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/citroen/relay/">Relay</a><br>
</div>
</div>
</div>
<div id="gridder-content-3" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/Dodge_Ram_Promaster.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>DODGE</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Dodge/Ram-Promaster/">Ram ProMaster</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Dodge/Sprinter/">Sprinter</a><br>
</div>
</div>
</div>
<div id="gridder-content-4" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/2018/02/Fiat_Talento_Kombi_1.6_Ecojet_125_Twin_Turbo_Family_–_Frontansicht_27._Juli_2016_Düsseldorf-1.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>FIAT</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/fiat/doblo/">Fiat Doblo</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/fiat/ducato/">Fiat Ducato</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/fiat/talento/">Fiat Talento</a><br>
</div>
</div>
</div>
<div id="gridder-content-5" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/2014_Ford_Transit_fr-1.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>FORD</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/ford/ranger/">Ford Ranger</a>
<br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/ford/ranger/">Ford Transit</a>
<br>
</div>
</div>
</div>
<div id="gridder-content-6" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/freightliner_sprinter_03d3041304c90343.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>Freightliner</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/freightliner/">Freightliner</a>
<br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/freightliner/sprinter/">Sprinter</a>
<br>
</div>
</div>
</div>
<div id="gridder-content-7" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/honda_horizon_98.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>Honda</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/Horizon">Horizon</a>
<br>
<br>
</div>
</div>
</div>
<div id="gridder-content-8" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/hyundai-grand-starex-front-cross-side-view-547226.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>Hyundai</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/Grand-Starex">Grand Starex</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/H1">H1</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/H100">H100</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/H300">H300</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/L800">L800</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/ILoad">ILoad</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/IMax">IMax</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/Honda/Starex-Royale">Starex Royale</a><br>
</div>
</div>
</div>
<div id="gridder-content-9" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Isuzu_Trooper_-_03-16-2012-1024x664.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>ISUZU</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/bighorn/">Bighorn<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/caribbe/">Caribbe<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/Colorado/">Colorado<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/D-Max/">D-Max<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/Jackaroo/">Jackaroo<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/Rodeo/">Rodeo<br></a>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/isuzu/Rodeo/">Trooper<br></a>
</div>
</div>
</div>
<div id="gridder-content-10" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Iveco-2014-1024x768.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>IVECO</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/iveco/daily-30-49/">Iveco Daily 30-49</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/iveco/daily-35C-50C/">Iveco Daily 35C-50C</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/iveco/daily-60C-65C/">Iveco Daily 60C-65C</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/iveco/daily-L/">Iveco Daily L</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/iveco/daily-S">Iveco Daily S</a><br>
</div>
</div>
</div>
<div id="gridder-content-11" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/man_tge_3.140_van_8.jpeg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>MAN</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/man/TGE">TGE</a><br>
</div>
</div>
</div>
<div id="gridder-content-12" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-Pickup/MazdaBT50.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>MAZDA</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mazda/b2300/">B2300</a>
<br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mazda/b2500/">B2500</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mazda/bt50/">BT50</a><br></p>
</div>
</div>
</div>
<div id="gridder-content-13" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Mercedes2006.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>MERCEDES</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/200-mercedes/">200</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/300-mercedes/">300</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/400-mercedes/">400</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/408d/">408D</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/416-cdi/">416 CDI</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/500/">500</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/Crafter/">Crafter</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/Sprinter/">Sprinter</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/vito/">Vito</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/w902/">W902</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/w903/">W903</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/w904/">W904</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/w904/">W906</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mercedes/X-Class/">X-Class</a><br>
</div>
</div>
</div>
<div id="gridder-content-14" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="https://airride.co.uk/wp-content/uploads/Finder-MH/l200-mountain-clouds-mobile.jpg" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>MITSUBISHI</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/mitsubshi/l200/">L200</a><br>
</div>
</div>
</div>
<div id="gridder-content-15" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Nissan-NV400-Combi-1024x768.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>NISSAN</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/interstar/">Interstar</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/navara/">Navara</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/np300/">NP300</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/nv200/">NV200</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/nv400/">NV400</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/nissan/primastar/">Primastar</a><br>
</div>
</div>
</div>
<div id="gridder-content-16" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/opel-vivaro-combi_1944_1-1024x619.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>OPEL</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/opel/movano-opel/">Opel Movano</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/opel/vivaro/">Opel Vivaro</a><br>
</div>
</div>
</div>
<div id="gridder-content-17" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Peugeot-Boxer-Van-L1H1-2006-2014_-4-1024x768.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>PEUGEOT</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/peugeot/boxer/">Boxer</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/peugeot/j5/">J5</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/peugeot/manager/">Manager</a><br>
</div>
</div>
</div>
<div id="gridder-content-18" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/2015-Renault-ALASKAN-Concept-4-1024x606.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>RENAULT</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/renault/alaskan/">Alaskan</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/renault/master/">Master</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/renault/traffic/x82/">Traffic X82</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/renault/traffic/x83/">Traffic X83</a><br>
</div>
</div>
</div>
<div id="gridder-content-19" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/2018-toyota-land-cruiser-5-1024x512.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>TOYOTA</h2>
<p>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/toyota-van-motorhome-pickup/hilux/">Toyota Hi-lux</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/toyota-van-motorhome-pickup/landcruiser-toyota-van-motorhome-pickup/">Toyota Landcruiser</a><br>
</div>
</div>
</div>
<div id="gridder-content-20" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Vauxhall-Movano-Van-2012-Image-012-1600-1024x683.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>VAUXHALL</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/vauxhall/monterey/">Monterey</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/vauxhall/movano/">Movano</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/vauxhall/vivaro/">Vivaro</a><br>
<br>
</div>
</div>
</div>
<div id="gridder-content-21" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/BK808-VW-T5-Alloys-1024x768.png" class="img-fluid" />
</div>
<div class="col-sm-6">
<h2>VOLKSWAGEN</h2>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/lt-28/">LT-28</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/lt-35/">LT-35</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/lt-46/">LT-46</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/lt-50/">LT-50</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/Taro/">Taro</a><br>
<br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/Transporter/">Transporter (All Kits)</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t2-5/">T2.5</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t25/">T25</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t3/">T3</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t4/">T4</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t5/">T5</a><br>
<a href="https://airride.co.uk/air/product-category/van-motorhome-pickup/volkswagen/transporter/t6/">T6</a><br>
</div>
</div>
</div>
<div id="gridder-content-22" class="gridder-content">
<div class="row">
<div class="col-sm-6">
<img src="/wp-content/uploads/Finder-MH/Mitsubishi-L200-1024x768.png" class="img-fluid"/>
</div>
<div class="col-sm-6">
<h2>OTHER</h2>
<p>
<a href="/air/shop/van-motorhome-pickup/air-assist/c25-ar6-j5-talento-express-ducato-1981-1994/">Alfa Romeo AR6 (1981-1994)</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/navara-d23-mercedes-x-class-alaskan/">Merc X Class (2014 - onwards)</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/trooper-rodeo-d-max-campo-brava-1981-2012/">Caribe 442 (pre-2002)</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/c25-ar6-j5-talento-express-ducato-1981-1994/">Talbot Express (1981-1994)</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/c25-ar6-j5-talento-express-ducato-1981-1994/">Zastava Ducato (1981-1994)</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/mercedes-w902-w903-1995-2006/">Dodge Sprinter (1995-2006</a>
<br>
<a href="/air/shop/van-motorhome-pickup/air-assist/mercedes-w902-w903-1995-2006/">Freightliner Sprinter (1995-2006)</a>
<br>
<a href="/air/product-category/pick-up/mitsubishi/mitsubishi-l200/">Mitsubishi L200</a>
<br>
<a href="/air/shop/van-motorhome-pickup/mitsubshi/l200/mitsubishi-l200-4wd-1991-2006/">Mitsubishi L200 4WD (1991-2006) </a>
<br>
<a href="/air/shop/van-motorhome-pickup/mitsubshi/l200/mitsubishi-l-200-2wd-1991-2006/">Mitsubishi L 200 2WD (1991-2006) </a></p>
</div>
</div>
</div>
<p class="AirRide-footer-style">Please note that although your vehicle may not be listed we can supply a kit for any car, van motorhome or pickup so please call or email the office and someone will be happy to help. All product names, logos, and brands are property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement. The AirRide brand is Trademark AirRide Sales Limited, all rights reserved. No use without express written permission.</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="/Users/Niall/Desktop/gridder-master/dist/js/jquery.gridder.js"></script>
<script>
jQuery(document).ready(function ($) {
// REMOVE AND ADD CLICK EVENT
$('.doAddItem').on('click', function () {
$(".gridder").data('gridderExpander').gridderAddItem('TEST');
});
// Call Gridder
$(".gridder").gridderExpander({
scrollOffset: 60,
scrollTo: "panel", // "panel" or "listitem"
animationSpeed: 400,
animationEasing: "easeInOutExpo",
onStart: function () {
console.log("Gridder Inititialized");
},
onExpanded: function (object) {
console.log("Gridder Expanded");
},
onChanged: function (object) {
console.log("Gridder Changed");
},
onClosed: function () {
console.log("Gridder Closed");
}
});
});
</script>
<script type="text/javascript">
/*
* Gridder - v1.4.2
* A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
* http://www.oriongunning.com/
*
* Made by Orion Gunning
* Under MIT License
*/
;(function($) {
//Ensures there will be no 'console is undefined' errors in IE
window.console = window.console || (function(){
var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function(){};
return c;
})();
/* Custom Easing */
$.fn.extend($.easing,{
def:"easeInOutExpo", easeInOutExpo:function(e,f,a,h,g){if(f===0){return a;}if(f===g){return a+h;}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a;}return h/2*(-Math.pow(2,-10*--f)+2)+a;}
});
/* KEYPRESS LEFT & RIGHT ARROW */
/* This will work only if a current gridder is opened. */
$(document).keydown(function(e) {
var keycode = e.keyCode;
var $current_gridder = $(".currentGridder");
var $current_target = $current_gridder.find(".gridder-show");
if($current_gridder.length){
if ( keycode === 37 ) {
//console.log("Pressed Left Arrow");
$current_target.prev().prev().trigger("click");
e.preventDefault();
}
if ( keycode === 39 ) {
//console.log("Pressed Right Arrow");
$current_target.next().trigger("click");
e.preventDefault();
}
}else{
//console.log("No active gridder.");
}
});
$.fn.gridderExpander = function(options) {
/* GET DEFAULT OPTIONS OR USE THE ONE PASSED IN THE FUNCTION */
var settings = $.extend( {}, $.fn.gridderExpander.defaults, options );
return this.each(function() {
var mybloc;
var _this = $(this);
var visible = false;
// START CALLBACK
settings.onStart(_this);
// CLOSE FUNCTION
function closeExpander(base) {
// SCROLL TO CORRECT POSITION FIRST
if(settings.scroll){
$("html, body").animate({
scrollTop: base.find(".selectedItem").offset().top - settings.scrollOffset
}, {
duration: 200,
easing: settings.animationEasing
});
}
_this.removeClass("hasSelectedItem");
// REMOVES GRIDDER EXPAND AREA
visible = false;
base.find(".selectedItem").removeClass("selectedItem");
base.find(".gridder-show").slideUp(settings.animationSpeed, settings.animationEasing, function() {
base.find(".gridder-show").remove();
settings.onClosed(base);
});
/* REMOVE CURRENT ACTIVE GRIDDER */
$(".currentGridder").removeClass("currentGridder");
}
// OPEN EXPANDER
function openExpander(myself) {
/* CURRENT ACTIVE GRIDDER */
$(".currentGridder").removeClass("currentGridder");
_this.addClass("currentGridder");
/* ENSURES THE CORRECT BLOC IS ACTIVE */
if (!myself.hasClass("selectedItem")) {
_this.find(".selectedItem").removeClass("selectedItem");
myself.addClass("selectedItem");
} else {
// THE SAME IS ALREADY OPEN, LET"S CLOSE IT
closeExpander(_this, settings);
return;
}
/* REMOVES PREVIOUS BLOC */
_this.find(".gridder-show").remove();
/* ADD CLASS TO THE GRIDDER CONTAINER
* So you can apply global style when item selected.
*/
if (!_this.hasClass("hasSelectedItem")) {
_this.addClass("hasSelectedItem");
}
/* ADD LOADING BLOC */
var $htmlcontent = $("<div class=\"gridder-show loading\"></div>");
mybloc = $htmlcontent.insertAfter(myself);
/* GET CONTENT VIA AJAX OR #ID*/
var thecontent = "";
if( myself.data("griddercontent").indexOf("#") === 0 ) {
// Load #ID Content
thecontent = $(myself.data("griddercontent")).html();
processContent(myself, thecontent);
}else{
// Load AJAX Content
$.ajax({
type: "GET",
url: myself.data("griddercontent"),
success: function(data) {
thecontent = data;
processContent(myself, thecontent);
},
error: function (request) {
thecontent = request.responseText;
processContent(myself, thecontent);
}
});
}
}
// PROCESS CONTENT
function processContent(myself, thecontent){
/* FORMAT OUTPUT */
var htmlcontent = "<div class=\"gridder-padding\">";
if(settings.showNav){
/* CHECK IF PREV AND NEXT BUTTON HAVE ITEMS */
var prevItem = ($(".selectedItem").prev());
var nextItem = ($(".selectedItem").next().next());
htmlcontent += "<div class=\"gridder-navigation\">";
htmlcontent += "<a href=\"#\" class=\"gridder-close\">"+settings.closeText+"</a>";
htmlcontent += "<a href=\"#\" class=\"gridder-nav prev "+(!prevItem.length?"disabled":"")+"\">"+settings.prevText+"</a>";
htmlcontent += "<a href=\"#\" class=\"gridder-nav next "+(!nextItem.length?"disabled":"")+"\">"+settings.nextText+"</a>";
htmlcontent += "</div>";
}
htmlcontent += "<div class=\"gridder-expanded-content\">";
htmlcontent += thecontent;
htmlcontent += "</div>";
htmlcontent += "</div>";
// IF EXPANDER IS ALREADY EXPANDED
if (!visible) {
mybloc.hide().append(htmlcontent).slideDown(settings.animationSpeed, settings.animationEasing, function () {
visible = true;
/* AFTER EXPAND CALLBACK */
if ($.isFunction(settings.onContent)) {
settings.onContent(mybloc);
}
});
} else {
mybloc.html(htmlcontent);
mybloc.find(".gridder-padding").fadeIn(settings.animationSpeed, settings.animationEasing, function () {
visible = true;
/* CHANGED CALLBACK */
if ($.isFunction(settings.onContent)) {
settings.onContent(mybloc);
}
});
}
/* SCROLL TO CORRECT POSITION AFTER */
if (settings.scroll) {
var offset = (settings.scrollTo === "panel" ? myself.offset().top + myself.height() - settings.scrollOffset : myself.offset().top - settings.scrollOffset);
$("html, body").animate({
scrollTop: offset
}, {
duration: settings.animationSpeed,
easing: settings.animationEasing
});
}
/* REMOVE LOADING CLASS */
mybloc.removeClass("loading");
}
/* CLICK EVENT */
_this.on("click", ".gridder-list", function (e) {
e.preventDefault();
var myself = $(this);
openExpander(myself);
});
/* NEXT BUTTON */
_this.on("click", ".gridder-nav.next", function(e) {
e.preventDefault();
$(this).parents(".gridder-show").next().trigger("click");
});
/* PREVIOUS BUTTON */
_this.on("click", ".gridder-nav.prev", function(e) {
e.preventDefault();
$(this).parents(".gridder-show").prev().prev().trigger("click");
});
/* CLOSE BUTTON */
_this.on("click", ".gridder-close", function(e) {
e.preventDefault();
closeExpander(_this);
});
});
};
// Default Options
$.fn.gridderExpander.defaults = {
scroll: true,
scrollOffset: 30,
scrollTo: "panel", // panel or listitem
animationSpeed: 400,
animationEasing: "easeInOutExpo",
showNav: true,
nextText: "Next",
prevText: "Previous",
closeText: "Close",
onStart: function(){},
onContent: function(){},
onClosed: function(){}
};
})(jQuery);
</script>