jQuery toggleclass on two elements

by ian_smithz

HTML

<link rel="stylesheet" href="https://www.screwfix.com/assets/css/sfx.min.css">
<div class="row-wrp--mod">

			<div id="123600115" class="lg-8 md-12 sm-12 cols">	
				<div class="mt__item ssb__color-changer">
					<a href="//www.screwfix.com/c/tools/plastic-toolboxes/cat7670009?brand=milwaukee" class="cat-link" title="View all Milwaukee Packout™ Tool Boxes">
						<div class="mt__item-img" style="background-color: #;">
							<input type="hidden" name="desktopMinHeight" value="">
							<input type="hidden" name="tabletMinHeight" value="">
							<input type="hidden" name="mobileMinHeight" value="">
							
							<img src="//www.screwfix.com/images/general/assets/gfx/milwaukee_storage_toolboxes.jpg" alt="Milwaukee Packout™ Tool Boxes" class="fill">
						</div>
						<div class="mt__item-title">
							<div class="h3">Milwaukee Packout™ Tool Boxes</div>
						</div>
					</a>
				</div>
			</div>
			


			<div id="123600119" class="lg-8 md-12 sm-12 cols">	
				<div class="mt__item ssb__color-changer">
					<a href="//www.screwfix.com/c/tools/organisers/cat831376?brand=milwaukee" class="cat-link" title="View all Milwaukee Packout™ Organisers">
						<div class="mt__item-img" style="background-color: #;">
							<input type="hidden" name="desktopMinHeight" value="">
							<input type="hidden" name="tabletMinHeight" value="">
							<input type="hidden" name="mobileMinHeight" value="">
							
							<img src="//www.screwfix.com/images/general/assets/gfx/milwaukee_storage_organisers.jpg" alt="Milwaukee Packout™ Organisers" class="fill">
						</div>
						<div class="mt__item-title">
							<div class="h3">Milwaukee Packout™ Organisers</div>
						</div>
					</a>
				</div>
			</div>
			
</div>

JavaScript

// targets two ids in one line of jquery

// changes lg-8 to lg-12

jQuery('#123600115, #123600119').toggleClass('lg-8 lg-12');