Jquery multi DIVs hide/show

Dev Shed Forums Sponsor:

October 24th, 2012, 07:05 AM

dalilice

Registered User

Join Date: Oct 2012

Posts: 3

Time spent in forums: 1 h 12 m 29 sec
Reputation Power: 0

jQuery - Jquery multi DIVs hide/show

i want to show hide multiple divs with jquery or javascript. I seached the web but i find codes that must have unique divs like:

PHP Code:


		
			
<div id="div1">text</div>

<div id="div2">text</div>

and so on, but i want to add the divs in a foreache php function so i can't have multiple IDs, the foreache is a div wrapper. So, my question is how can i do that ?

October 24th, 2012, 08:50 PM

web_loone08

Contributing User

Join Date: Aug 2008

Posts: 605

Time spent in forums: 1 Week 1 Day 16 h 18 m 24 sec
Reputation Power: 69

Well, for the JavaScript (client side code); you could use something like:

Code:

JavaScript

<script>

function hideAll()
{
var all_divs = document.getElementsByClassName("some_class_name");
for (i=0;i<=all_divs.length-1;i++) {
all_divs[i].style.display="none";
}
}

function showAll()
{
var all_divs = document.getElementsByClassName("some_class_name");
for (i=0;i<=all_divs.length-1;i++) {
all_divs[i].style.display="block";
}
}

</script>

Code:

HTML

<div id="div1" class="some_class_name">text</div> 
<div id="div2" class="some_class_name">text</div>
<input type="button" onclick="hideAll()" value="Hide All"/>
<input type="button" onclick="showAll()" value="Show All"/>

Viewing: Dev Shed Forums > Web Design > JavaScript Development > jQuery - Jquery multi DIVs hide/show

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump