Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   bootstrap collaps (https://javascript.ru/forum/misc/29757-bootstrap-collaps.html)

bpystep 10.07.2012 06:09

bootstrap collaps
 
забрел на сайт 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 10.07.2012 11:12

Цитата:

Сообщение от bpystep (Сообщение 187680)
забрел на сайт 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 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 10.07.2012 16:41

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

bpystep 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>

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

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


Часовой пояс GMT +3, время: 16:43.