<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("div").hide();
});
$("#show").click(function(){
$("div").show();
});
});
</script>
</head>
<body>
<div style="border:2px;background-color:red;">
<div style="width:80px;height:100px;display:none;backgr ound-color:red;"></div>
<div style="width:80px;height:80px;display:none;backgro und-color:green;"></div>
<div style="width:80px;height:10px;display:none;backgro und-color:blue;"></div>
</div>

<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>

questo e il mio listato vi spiego il problama,magari e semplice ma essendo alle prime armi devo trovare una soluzione, allora io vorrei che il div generale che contiene i 3 div non subisse lo stesso hide e show di questi ultimi 3 div ma vorrei fosse fisso come devo cambiare il codice? si puo lavorare con gli id?
grazie a tutti della disponibilità