Forums

arkader

Hi everyone !
I'm having some trouble with the jQuery library
I would like to vanish some text when i click on a link
I tried with addClass or toggleClass, but it doesn't works
I want to make disapear text included in the class .slot_text
here is my code
( sorry for my english , i'm very bad)

arkader

// html

<div id="conteneur" class="container">

<div class="span-24 last"><br /><br /><br /><br /><br /><br />
</div>

<div class="span-10 last prepend-5" id="box1">
<div class="span-4 slot_img" >
<img src="../../../data/img/square/png/burn_typo.png" />

</div>

<div class="span-6 last slot_text" >
<div class="span-6 ">
Burning is outrageous <br /><br />
</div>
<div class="span-6 last">
<p>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p>
</div>
</div>
</div> 

...

arkader

// css

.disable{
display: none;
}

arkader

// js

$(function() {
('a#link').click(function(){
('.slot_text').toggleClass('disable');
});
});

arkader

Thanks for your help :)

ps : i'm workink with blueprintcss

apostrophe

Why bother with adding and removing classes when you can use the hide function instead?


$(function() {
('a#link').click(function(){
('.slot_text').hide();
});
});

arkader

Thanks Apostrophe !
In fact, i would to make an effect like that : http://www.sohtanaka.com/web-design/exa ... ay-switch/
But i use, blueprintcss, i can't switch the css style
so i would like to make the text disapear, then to align pictures
i thought making a class .slot_text to make it disapears, and anoter class with images already align but none display and to make appear this last one !

thanks

Stack

You wouldnt be changing the css at all. you would simply change the display value to none. it does not alter the css file in any way. simply set a display: none property to the element

arkader

i get it Stack ! cheers

treehouse : what would you like to learn today?

Forums

jQuery toggleClass or addClass problem