Salut, je peut tester ce code pour faire menu accordion mais n'est pas fonctionne
voila la code :
<!DOCTYPE html>
<html>
<head>
<title>accordion</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.form-inline .form-group { margin-right:10px; }
.well-primary {
color: rgb(255, 255, 255);
background-color: rgb(66, 139, 202);
border-color: rgb(53, 126, 189);
}
.glyphicon { margin-right:5px; }</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-file">
</span>POST NEW ARTICLE</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" placeholder="Title" required />
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Content" rows="5" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="category">
Category</label>
<select class="form-control" id="category">
<option>Articles</option>
<option>Tutorials</option>
<option>Freebies</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="tags">
Tags</label>
<input type="text" class="form-control" id="tags" placeholder="Tags" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="well well-sm">
<div class="input-group">
<span class="input-group-addon">www.jquery2dotnet.com/</span>
<input type="text" class="form-control" placeholder="Custom url" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="well well-sm well-primary">
<form class="form form-inline " role="form">
<div class="form-group">
<input type="text" class="form-control" value="" placeholder="Date" required />
</div>
<div class="form-group">
<select class="form-control">
<option>Draft</option>
<option>Published</option>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-sm">
<span class="glyphicon glyphicon-floppy-disk"></span>Save</button>
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-eye-open"></span>Preview</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-th-list">
</span>META DATA</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" placeholder="Title" required />
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Description" required />
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Keywords" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="well well-sm well-primary">
<form class="form form-inline " role="form">
<div class="form-group">
<a href="http://www.jquery2dotnet.com" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-floppy-disk">
</span>Save</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>aide moi s'il vous plait et merci d'avance
1 réponse
Salut,
Penses toujours à utiliser la console. Avec ton code tu te seais rendu compte que tu as une erreur Bootstrap. Il faut que tu rajoute jquery