<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#lazienka").on('click', function(){ $(n).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(n1).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(n2).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(n3).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(ee).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(dd).addClass('podswietl');}); jQuery("#lazienka").on('click', function(){ $(aa).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(o).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(p).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(q).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(r).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(s).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(t).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(v).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(w).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(x).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(na).addClass('podswietl');}); jQuery("#parking").on('click', function(){ $(nb).addClass('podswietl');}); jQuery("#basen").on('click', function(){ $(d).addClass('podswietl');}); jQuery("#basen").on('click', function(){ $(f).addClass('podswietl');}); jQuery("#basen").on('click', function(){ $(i).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(a).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(b).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(c).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(d).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(e).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(f).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(g).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(h).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(i).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(j).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(ne).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(l).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(o).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(p).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(q).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(r).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(s).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(cc).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(y).addClass('podswietl');}); jQuery("#ogrod").on('click', function(){ $(z).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(v).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(w).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(x).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(nc).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(nd).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(na).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(nb).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(i).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(j).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(d).addClass('podswietl');}); jQuery("#tarasy").on('click', function(){ $(c).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(ee).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(k).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(b).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(c).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(f).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(n1).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(n2).addClass('podswietl');}); jQuery("#elewacje").on('click', function(){ $(n3).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(b).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(g).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(v).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(j).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(ee).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(n1).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(n2).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(n3).addClass('podswietl');}); jQuery("#komunikacja").on('click', function(){ $(n).addClass('podswietl');}); }); </script>
i problem że kliedy klikam w inny element to nie resetuje tego od zera. Chciałbym aby po kliknięciu w lazienka podswietlily sie elementy, a po kliknieciu w np. komunikacja zresetowaly sie elementy z lazienki i podswietlily te z komunikacji. Bardzo prosze o pomoc.