11548 sujets

JavaScript, DOM et API Web HTML5

Jquery accordion, onglet par défaut

Bonjour à tous,

je travail actuellement sur un site et souhaite utiliser le menu accordion de jquery.

Juste une petite question:

Le 1er onglet est toujours ouvert par défaut. Est-il possible de le fermer par défaut ou encore mieux, d'ouvrir celui qui correspond à la page appelée?

merci par avance
Hello,

Pour fermer les onglets par défaut sur l'accordion, c'est très simple:
$(function(){
	$("#accordion").accordion({ active: false });
});

Ou active prends comme type de valeur un boolean, comme ci-dessus pour "fermer" par exemple; ou un type entier pour spécifier l'index de l'élément a ouvrir dans l'accordion.
Modifié par Eric013 (30 Jun 2010 - 20:31)
<!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>Document sans nom</title>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>

<script type="text/javascript"> // menu accordeon
  $(document).ready(function() {
    $("#menu_g").accordion({ active: 0 });
  });
  </script>
  
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>

<body>	
    <div id="menu_g">
	<h3><a href="#">Jx vidéo</a></h3><!-- SI JE CLIQUE ICI -->
	<div>
			<ul>
            		<li><a href="#">action</a></li>
            		<li><a href="#">aventure</a></li>
            		
                      </ul>
	</div>
    <h3><a href="#">mangas</a></h3>
	<div>
			<ul>
            		<li><a href="#">action</a></li>
            		<li><a href="#">sport</a></li>
            		
                       </ul>
       </div>    
</div>
</body>
</html>


Quand je clique sur un élément de mon menu, par exemple action dans la rubrique jeux video, cela appelle la page.

Jusque la ok!

Est-il possible d'avoir la même chose sur le titre de la partie, par exemple en cliquant sur Jeux vidéo??

Il y a bien un lien mais lorsque j'indique la page, cela ne l'appelle pas.

J'ai bien sur testé en enlevant le "#" et en mettant le lien correspondant.

Je pense que le lien ici est présent pour la bonne exécution du JS mais est-il possible quand même de réaliser l'action?

merci par avance
Sujet clos
Aller à