Форум

bpystep · #1 (**permalink**) 10.07.2012, 06:09

забрел на сайт bootstrap bootstrap.veliovgroup.com/javascript.php#collapse и хочется выбрать от туда плагин collapse.

загвостка в том что там все описано как сделать, но у меня чтото не выходит никак

[html]<script type="JavaScript" src="js/bootstrap-collaps.js"

<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">
simple collapsible
</button>

<div id="demo" class="collapse in"> … </div>
<script>$('#demo').collapse('toggle');<\script>
[\HTML]

что я не так делаю? первый раз столкнулся с jQuery, а фича коллапс очень нужная

lord2kim · #2 (**permalink**) 10.07.2012, 11:12

Сообщение от bpystep

забрел на сайт bootstrap bootstrap.veliovgroup.com/javascript.php#collapse и хочется выбрать от туда плагин collapse.

загвостка в том что там все описано как сделать, но у меня чтото не выходит никак

<script type="JavaScript" src="js/bootstrap-collaps.js" 
      
<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">
  simple collapsible
</button>
 
<div id="demo" class="collapse in"> … </div>
<script>$('#demo').collapse('toggle');<\script>

что я не так делаю? первый раз столкнулся с jQuery, а фича коллапс очень нужная

на сколько я вижу там требуется еще два "плагина"

* Для работы необходим плагин Transitions.

Внимание! Все javascript плагины для работы требуют использование jQuery в последней версии.

bpystep · #3 (**permalink**) 10.07.2012, 14:59

сделал вот так: (все равно не работает)

<html>
<head>
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
	<script type="text/javascript" src="js/jQuery.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script>$('#demo').collapse('toggle');</script>
</head>
<body>
<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">
  simple
</button>
<div id="demo" class="collapse in"> !!!!!!!!!!!!!!!!!!!!!!!!!! </div>
</body>
</html>

lord2kim · #4 (**permalink**) 10.07.2012, 16:41

вот так будет работать (все лишнее закоменчено)...с остальным разберетесь сами
скачать здесь

bpystep · #5 (**permalink**) 10.07.2012, 17:01

спасибо, ошибка была в том, что надо отдельно было подключить

<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-collapse.js"></script>

я их не подключал, т.к. думал, что они входят в

<script type="text/javascript" src="js/bootstrap.js"></script>

(а они и правда в него входят)

п.с. в опере плохо работает, можно лишь один раз раскрыть, и больше никаких действий нелязя сделать.

Форум

Справочник

Discord чат

Курсы javascript