Здравствуй я хотел бы реализовать складные дисплеи на мой сайт, если вы не уверены в том, что я могу говорить о я использую этот код:Bootstrap несколько складных панелей ошибка
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<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="#collapse1">Panel 1</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body">text here</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Panel 2</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">text here</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
теперь проблема в том, что всякий раз, когда я пытаюсь чтобы добавить больше из них и скажем, что у меня есть 3 из этих кодов на моем сайте, и всякий раз, когда я нажимаю на любой из этих заголовков панелей, он открывает только первый, я понимаю, что с ним не так, потому что он вызывает div, когда вы нажимаете кнопку и если идентификаторы div одинаковы в каждой из этих групп, тогда нажатие на нее применит изменение к первой группе, после чего я переименую
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Panel 1</a>
в
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1B">Panel 1</a>
, а также
в
<div id="collapse1B" class="panel-collapse collapse">
и теперь всякий раз, когда я нажимаю на любой из них изменения будут только APLY к одному он должен, но , как вы можете видеть, если вы нажмете на панели 1 вариант, опция 2 вернется назад, и эта функция не работает ymore, если я делаю то, что я описал выше, может кто-нибудь сказать мне, как использовать несколько разборчивых групп на моем сайте, не теряя функцию, чтобы отодвинуть назад, когда вы выбираете второй вариант? благодаря
это оленья кожа работа, то дисплеи оленья кожа коллапс назад – Jessica99
Хмм ваш вопрос не ясен. Возможно, просто используйте разные идентификаторы для всех панелей и разных атрибутов href? Поскольку на одной странице HTML не может быть более одного элемента одного идентификатора. – makshh