Setting opacity of certain divs to .7 when other particular divs are selected
So I have a list of divs that appear in a vertical order. Two of which contain links that appear when they are clicks (.expand). What I am trying to do is when you click on either of the .expand divs, the rest of the divs will fade to .8 opacity, including the other .expand. I am relatively new to jquery, so making if else syntax is not my strongest skill... That is what I presume will make this request work. Though I am open to any solution.

        <div id="div1">
			<a href="/"target="_blank" class="business">div1</a>
		</div>
	    <div id="div2">
			<a href="/"target="_blank" class="invention">div2</a>
		</div>
		<div class="expand"> 
			<a href="#" onclick="toggle_visibility('expandhiddenlinks');"class="business" ><span class="plus">+</span> expand1</a>
			<div id="expandhiddenlinks" style="display:none">
					<a href="/"target="_blank" class="business" style="color:#f36523">1</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">2</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">3</a>
		    </div>
		</div>
		<div id="div4">
			<a href="/"target="_blank" class="invention">div4</a>
		</div>
		<div id="div5">
			<a href="/"target="_blank" class="invention">div5</a>
		</div>		
		<div id="div6">
			<a href="/" target="_blank" class="brand">div6</a><br />
		</div>
		<div id="div7">
			<a href="/" target="_blank" class="brand">div7</a><br />
		</div>
		<div class="expand2">
			<a href="#" onclick="toggle_visibility('expandhiddenlinks');" class="brand"><span class="plus">+</span>  expand2</a><br />
				<div id="expandhiddenlinks" style="display:none">
					<a href="/"target="_blank" class="business" style="color:#f36523">Keep It or Pass It</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">Shake (shops)</a><br />
			</div>
		</div>
		<div id="div8">
			<a href="/" target="_blank" class="brand">div8</a><br/>
		</div>

Setting opacity of certain divs to .7 when other particular divs are selected
===

So I have a list of divs that appear in a vertical order. Two of which contain links that appear when they are clicks (.expand). What I am trying to do is when you click on either of the .expand divs, the rest of the divs will fade to .8 opacity, including the other .expand. I am relatively new to jquery, so making if else syntax is not my strongest skill... That is what I presume will make this request work. Though I am open to any solution.

        <div id="div1">
			<a href="/"target="_blank" class="business">div1</a>
		</div>
	    <div id="div2">
			<a href="/"target="_blank" class="invention">div2</a>
		</div>
		<div class="expand"> 
			<a href="#" onclick="toggle_visibility('expandhiddenlinks');"class="business" ><span class="plus">+</span> expand1</a>
			<div id="expandhiddenlinks" style="display:none">
					<a href="/"target="_blank" class="business" style="color:#f36523">1</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">2</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">3</a>
		    </div>
		</div>
		<div id="div4">
			<a href="/"target="_blank" class="invention">div4</a>
		</div>
		<div id="div5">
			<a href="/"target="_blank" class="invention">div5</a>
		</div>		
		<div id="div6">
			<a href="/" target="_blank" class="brand">div6</a><br />
		</div>
		<div id="div7">
			<a href="/" target="_blank" class="brand">div7</a><br />
		</div>
		<div class="expand2">
			<a href="#" onclick="toggle_visibility('expandhiddenlinks');" class="brand"><span class="plus">+</span>  expand2</a><br />
				<div id="expandhiddenlinks" style="display:none">
					<a href="/"target="_blank" class="business" style="color:#f36523">Keep It or Pass It</a><br />
					<a href="/"target="_blank" class="business" style="color:#f36523">Shake (shops)</a><br />
			</div>
		</div>
		<div id="div8">
			<a href="/" target="_blank" class="brand">div8</a><br/>
		</div>
