gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

start working on accordion caret animation

Browse Source
This commit is contained in:
Quincy Larson
2016-01-16 01:21:05 -08:00
parent 1d23f855a2
commit 57f7e04f44
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/main.js
View File

@ -278,12 +278,13 @@ $(document).ready(function() {
$('.map-aside').addClass('is-collapsed'); $('.map-aside').addClass('is-collapsed');
}); });
$('.collapse').on('show.bs.collapse', function(){ // I am going crazy trying to get this to work. Any takers?
console.log(this); // $('.collapse').on('show.bs.collapse', function(){
$(this).siblings().find(".fa-caret-right").removeClass("fa-caret-right").addClass("fa-caret-down"); // console.log(this);
}).on('hide.bs.collapse', function(){ // $(this).sibling().eq(0).find(".fa-caret-right").removeClass("fa-caret-right").addClass("fa-caret-down");
$(this).siblings().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-right"); // }).on('hide.bs.collapse', function(){
}); // $(this).sibling().eq(0).find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-right");
// });
$('#showAll').on('click', () => { $('#showAll').on('click', () => {
var mapExpanded = $('#showAll').hasClass('active'); var mapExpanded = $('#showAll').hasClass('active');

5
server/views/map/show.jade
View File

@ -20,9 +20,10 @@ block content
#nested #nested
for challengeBlock in superBlock.blocks for challengeBlock in superBlock.blocks
h3 h3
i.fa.fa-caret-right
|  
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.replace(/(\W)/gi, '').split(' ').join('-')) a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.replace(/(\W)/gi, '').split(' ').join('-'))
i.fa.fa-caret-right
|  
|   |  
| #{challengeBlock.name} (#{challengeBlock.time}) | #{challengeBlock.name} (#{challengeBlock.time})
div.margin-left-10(id = "nested-collapse"+challengeBlock.name.replace(/\W/gi, '').split(' ').join('-') class = "collapse map-collapse no-transition") div.margin-left-10(id = "nested-collapse"+challengeBlock.name.replace(/\W/gi, '').split(' ').join('-') class = "collapse map-collapse no-transition")