https://www.saaten-zeller.de/templates/protostar/js/sz.js

1jQuery(document).ready(function($) {
2	var imageUrl = $('.banneritem').children('img').attr('src');
3	<!-- $('body').css('background-image', 'url(' + imageUrl + ')');-->
4
5		$('#btn-show-grundmischung').click(function(){$('#details-grundmischung').fadeIn(500);});
6		$('#btn-show-magerrasen-sauer').click(function(){$('#details-magerrasen-sauer').fadeIn(500);});
7		$('#btn-show-magerrasen-basisch').click(function(){$('#details-magerrasen-basisch').fadeIn(500);});
8		$('#btn-show-feuchtwiese').click(function(){$('#details-feuchtwiese').fadeIn(500);});
9		$('#btn-show-boeschung').click(function(){$('#details-boeschung').fadeIn(500);});
10		$('#btn-show-fettwiese').click(function(){$('#details-fettwiese').fadeIn(500);});
11		$('#btn-show-feldrain').click(function(){$('#details-feldrain').fadeIn(500);});
12		$('#btn-show-photovoltaik').click(function(){$('#details-photovoltaik').fadeIn(500);});
13		$('#btn-show-nutztiere').click(function(){$('#details-nutztiere').fadeIn(500);});
14		$('#btn-show-deichbegruenung-land').click(function(){$('#details-deichbegruenung-land').fadeIn(500);});
15		$('#btn-show-deichbegruenung-wasser').click(function(){$('#details-deichbegruenung-wasser').fadeIn(500);});
16		$('#btn-show-landschaftsrasen').click(function(){$('#details-landschaftsrasen').fadeIn(500);});
17		$('#btn-show-bodenschutz').click(function(){$('#details-bodenschutz').fadeIn(500);});
18		$('#btn-show-lebensraum').click(function(){$('#details-lebensraum').fadeIn(500);});
19	
20		$('#btn-close-grundmischung').click(function(){$('#details-grundmischung').fadeOut(500);});
21		$('#btn-close-magerrasen-sauer').click(function(){$('#details-magerrasen-sauer').fadeOut(500);});
22		$('#btn-close-magerrasen-basisch').click(function(){$('#details-magerrasen-basisch').fadeOut(500);});
23		$('#btn-close-feuchtwiese').click(function(){$('#details-feuchtwiese').fadeOut(500);});
24		$('#btn-close-boeschung').click(function(){$('#details-boeschung').fadeOut(500);});
25		$('#btn-close-fettwiese').click(function(){$('#details-fettwiese').fadeOut(500);});
26		$('#btn-close-feldrain').click(function(){$('#details-feldrain').fadeOut(500);});
27		$('#btn-close-photovoltaik').click(function(){$('#details-photovoltaik').fadeOut(500);});
28		$('#btn-close-nutztiere').click(function(){$('#details-nutztiere').fadeOut(500);});
29		$('#btn-close-deichbegruenung-land').click(function(){$('#details-deichbegruenung-land').fadeOut(500);});
30		$('#btn-close-deichbegruenung-wasser').click(function(){$('#details-deichbegruenung-wasser').fadeOut(500);});
31		$('#btn-close-landschaftsrasen').click(function(){$('#details-landschaftsrasen').fadeOut(500);});
32		$('#btn-close-bodenschutz').click(function(){$('#details-bodenschutz').fadeOut(500);});
33		$('#btn-close-lebensraum').click(function(){$('#details-lebensraum').fadeOut(500);});
34	
35		$(document).mouseup(function (e) {
36            if ($(e.target).closest('#details-grundmischung').length=== 0) {$('#details-grundmischung').fadeOut(500);}
37			if ($(e.target).closest('#details-magerrasen-sauer').length=== 0) {$('#details-magerrasen-sauer').fadeOut(500);}
38			if ($(e.target).closest('#details-magerrasen-basisch').length=== 0) {$('#details-magerrasen-basisch').fadeOut(500);}
39			if ($(e.target).closest('#details-feuchtwiese').length=== 0) {$('#details-feuchtwiese').fadeOut(500);}
40			if ($(e.target).closest('#details-boeschung').length=== 0) {$('#details-boeschung').fadeOut(500);}
41			if ($(e.target).closest('#details-fettwiese').length=== 0) {$('#details-fettwiese').fadeOut(500);}
42			if ($(e.target).closest('#details-feldrain').length=== 0) {$('#details-feldrain').fadeOut(500);}
43			if ($(e.target).closest('#details-photovoltaik').length=== 0) {$('#details-photovoltaik').fadeOut(500);}
44			if ($(e.target).closest('#details-nutztiere').length=== 0) {$('#details-nutztiere').fadeOut(500);}
45			if ($(e.target).closest('#details-deichbegruenung-land').length=== 0) {$('#details-deichbegruenung-land').fadeOut(500);}
46			if ($(e.target).closest('#details-deichbegruenung-wasser').length=== 0) {$('#details-deichbegruenung-wasser').fadeOut(500);}
47			if ($(e.target).closest('#details-landschaftsrasen').length=== 0) {$('#details-landschaftsrasen').fadeOut(500);}
48			if ($(e.target).closest('#details-bodenschutz').length=== 0) {$('#details-bodenschutz').fadeOut(500);}
49			if ($(e.target).closest('#details-lebensraum').length=== 0) {$('#details-lebensraum').fadeOut(500);}
50        }); 
51
52});