Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal.
Estou com um problema com espaçamento de um menu accordion, quando clica na aba ele abre outro menu accordion, não estou conseguindo diminuir o espaçamento entre eles. Segue abaixo o codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('h2.accordion').click(function(){
$(this).parent().find('div.accordion').slideToggle("slow");
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('h2.accordionSub').click(function(){
$(this).parent().find('div.accordionSub').slideToggle("slow");
});
});
</script>
<style type="text/css">.accordionSub { cursor:pointer; }
.rreoSub {margin:0 0 5px 0; width:730px; float:left; padding:0; background:#ff0; }
.rreoSub h2{cursor:pointer; color:#fff; }
.rreoSub h2 div {margin:0; padding:0; display:none;}
.rreoSub pre {margin:0; padding:0;}
.rreoSub li{margin:0; padding:0; list-style:none;}
.rreoSub li a{margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left;}
.rreoSub li a:hover{background:#93B810; color:#FFF; width:730px;}
</style>
</head>
<body>
<div class="rreo">
<h2 class="accordion">Primeiro titulo</h2>
<div class="accordion" style="display: none;">
<pre>
<li>
<div class="rreoSub">
<h2 class="accordionSub">Primeiro titulo</h2>
<div class="accordionSub" style="display: none;">
<pre>
<li>
fafjalçjflaf dalçfadljfajf açjfad
</li>
</pre>
</div><!--accordionSub-->
</div><!--rreoSub-->
<div class="rreoSub">
<h2 class="accordionSub">Primeiro titulo</h2>
<div class="accordionSub" style="display: none;">
<pre>
<li>
fafjalçjflaf dalçfadljfajf açjfad
</li>
</pre>
</div><!--accordionSub-->
</div><!--rreoSub-->
<div class="rreoSub">
<h2 class="accordionSub">Primeiro titulo</h2>
<div class="accordionSub" style="display: none;">
<pre>
<li>
fafjalçjflaf dalçfadljfajf açjfad
</li>
</pre>
</div><!--accordionSub-->
</div><!--rreoSub-->
</li>
</pre>
</div><!--accordion-->
</div><!--rreo-->
<div class="rreo">
<h2 class="accordion">Primeiro titulo</h2>
<div class="accordion" style="display: none;">
<pre>
<li>
fafjalçjflaf dalçfadljfajf açjfad
</li>
</pre>
</div><!--accordion-->
</div><!--rreo-->
</body>
</html>Obrigado...
Carregando comentários...