Jump to content


Photo
- - - - -

Элемент аккордеона на Bootstrap


Best Answer zeus07 , 22 April 2016 - 13:04

Разобрался. В ссылку забыл добавить ещё один атрибут data-target. 

При инициализации аккордеона toggle должен быть в значении false, тогда аккордеоны по умолчанию будут свёрнуты.

Go to the full post


  • This topic is locked This topic is locked
14 replies to this topic

#11 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 22 April 2016 - 11:28

return $this->renderLayout($layout, $id);
\

Во первый $id у вас не существует вы не правильно его передаете нужно:

return $this->renderLayout($layout, compact($id);
// или
return $this->renderLayout($layout, array('id' => $id); 

Наверно инициализацию не сделали или не подключили collapse.js


  • 0
Изображение
 

#12 zeus07

zeus07
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 6.6
  • posts: 1090
  • topics: 172

Posted 22 April 2016 - 12:17

\

Во первый $id у вас не существует вы не правильно его передаете нужно:

return $this->renderLayout($layout, compact($id);
// или
return $this->renderLayout($layout, array('id' => $id); 

Наверно инициализацию не сделали или не подключили collapse.js

 

 

Вот такой способ у меня заработал 

$this->renderLayout($layout, array('id' => $id))

Подключил collapse.js и transition.js - для аккордеона нужны оба, хотя если честно, думал, что в bootstrap.js они уже должны быть по идее...

 

В общем, инициализировал вот таким способом 

<script type="text/javascript">
jQuery(document).ready(function($){
	$('.collapse').collapse({
        toggle: true
});
});

Но теперь все аккордеоны раскрыты и почему-то не сворачиваются. Подскажите пожалуйста как правильно инициализировать, чтобы были свёрнуты по умолчанию? 


  • 0

#13 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 22 April 2016 - 12:24

zeus07, лучше через API JBZoo:

$this->app->jbassets->widget('.collapse', 'collapse', array(
    'toggle' => true
)); 

  • 0
Изображение
 

#14 zeus07

zeus07
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 6.6
  • posts: 1090
  • topics: 172

Posted 22 April 2016 - 12:26

 

zeus07, лучше через API JBZoo:

$this->app->jbassets->widget('.collapse', 'collapse', array(
    'toggle' => true
)); 

 

Да, Спасибо, так будет корректнее. Но эффект тот же. Аккоредоны по умолчанию развёрнуты.

 

http://terra.artcolo...m/ih-malta-gozo


  • 0

#15 zeus07

zeus07
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 6.6
  • posts: 1090
  • topics: 172

Posted 22 April 2016 - 13:04   Best Answer

Разобрался. В ссылку забыл добавить ещё один атрибут data-target. 

При инициализации аккордеона toggle должен быть в значении false, тогда аккордеоны по умолчанию будут свёрнуты.


  • 1




Click to return to top of page in style!