FreeCodeCamp/Help

get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home

@qualitymanifest

@EdwardUdelle in the instructions: "Create a class called gray-background with the background-color of gray. Assign this class to your div element."

so instead of just targeting "div" with your css you need to make a class like ".this-class-should-have-a-certain-name". and you need to give your div that class in your HTML

bruglesco

@bruglesco

help format

CamperBot

@camperbot

:point_right: code formatting [wiki]

Inline code

alt text

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

OverTheNeptune

@OverTheNeptune

@EdwardUdelle What @qualitymanifest said. The .red-text class that's already in the code provides a good model.

Francisco Pena

@daiky00

hi anybody here
?
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('.project').filter('#' + id).show(100);
})
i want to be able to close it on click and open on click
anyone?

bruglesco

@bruglesco

help format

CamperBot

@camperbot

:point_right: code formatting [wiki]

Inline code

alt text

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

Edward Udelle

@EdwardUdelle

Strange, I place that within the style element and it still does not pass.

Here's what I have now.

Aditya Pradhana

@adtpdn

@EdwardUdelle can u gimme WayPoint links ?

bruglesco

@bruglesco

show it again

OverTheNeptune

@OverTheNeptune

@EdwardUdelle Did you apply the class to the <div> element in your html? If not, look at how the red-text class is used in the <h2> element for an example.

Edward Udelle

@EdwardUdelle

Here's the style element so far.. <style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
div .gray-background {background-color:gray;}
</style>

@qualitymanifest

@EdwardUdelle you don't need the "div" before .gray-background. you apply the .gray-background class to your div in your HTML

@EdwardUdelle similar to what you did with .thick-green-border

Aditya Pradhana

@adtpdn

Put class in HTML to link ur CSS

<div class="grey-background”>
……..</div>

Abhisek Pattnaik

@abhisekp

@daiky00 :point_up: October 18, 2015 9:23 AM

Francisco Pena

@daiky00

$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})

http://www.jqueryrain.com/?RntYA3k5

i want to do this

Abhisek Pattnaik

@abhisekp

@daiky00 :point_up: October 18, 2015 9:23 AM

Francisco Pena

@daiky00

check the link for reference

CamperBot

@camperbot

:point_right: code formatting [wiki]

Inline code

alt text

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

bruglesco

@bruglesco

help format

Abhisek Pattnaik

@abhisekp

@daiky00 :point_up: October 18, 2015 9:43 AM

bruglesco

@bruglesco

make your code more readable plz

easier to help you

Francisco Pena

@daiky00

Abhisek Pattnaik

@abhisekp

@daiky00 making the code readable will make us easier to read and help you

Francisco Pena

@daiky00

$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})

Abhisek Pattnaik

@abhisekp

@daiky00 multiline pls. You're pasting a codeblock

Francisco Pena

@daiky00

how do i do that

Aditya Pradhana

@adtpdn

use shift + enter

Abhisek Pattnaik

@abhisekp

:point_up: October 18, 2015 9:43 AM @daiky00

Francisco Pena

@daiky00

$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})

now i egt it

hahaha

http://www.jqueryrain.com/?RntYA3k5

and this what im trying to do

Abhisek Pattnaik

@abhisekp

@daiky00 so what's the issue?

bruglesco

@bruglesco

well your variable isnt doing what you want it to

Jason

@jimillett

Can someone help me figure out what I am doing wrong on Bonfire: Reverse a String

CamperBot

@camperbot

type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom

Francisco Pena

@daiky00

well

the problem is

everything is working but after you open it once it doesnt want to hide again

bruglesco

@bruglesco

(#$(this).attr('data-panel-id')).toggle(100); isnt functioning code

Abhisek Pattnaik

@abhisekp

@daiky00 yes. It does when you click it again

Where communities thrive

People

Repo info

Activity

:point_right: code formatting [wiki]

Inline code

Code Block

:point_right: code formatting [wiki]

Inline code

Code Block

:point_right: code formatting [wiki]

Inline code

Code Block