Hello everyone I hope you are having a great day because I'm not at all hahahahaha, Right, I'm creating a shop page that has 8 divs with an image in each one, a read more button on each one and and title etc, like this -
<div class="div contentboxes box4">
<h2>Generic Title</h2>
</div>
<a class="readmore a4" href="">Read More..</a>
</div>
Now when you click the 'read more' <a>, i want all of these boxes to hide, and then depending on which particluar div's <a> was pressed, another div containing relevant extra information to appear , like this -
<div class="clone hide cloneone">
<img class="cloneimg" src="" alt="">
<h2>Generic title</h2>
<p>Lorem ipsa sint quod unde facilis quisquam possimus consequuntur rerum neque illum culpa debitis est!</p><br>
<p>Lorem ipssint quod unde facilis quisquam possimus consequuntur rerum neque illum culpa debitis est!</p><br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<span class="close">x</span>
</div>
</div>
The problem I am getting is with my Jquery, hence me being on this website :-p, when I click on the <a> the boxes just move a bit, then go back to the original position, instead of just disappearing? here is the code
var
contentboxes = $('div.contentboxes'),
close = $('span.close'),
box1 = $('div.box1'),
box2 = $('div.box2'),
box3 = $('div.box3'),
box4 = $('div.box4'),
box5 = $('div.box5'),
box6 = $('div.box6'),
cloneone = $('div.cloneone'),
clone2 = $('div.clone2'),
clone3 = $('div.clone3'),
clone4 = $('div.clone4'),
clone5 = $('div.clone5'),
clone6 = $('div.clone6'),
cloneinfo = $ ('div.cloneinfo'),
af = $('a.af'),
a2 = $('a.a2'),
a3 = $('a.a3'),
a4 = $('a.a4'),
a5 = $('a.a5'),
a6 = $('a.a6');
fader = {
init:function(){
af.on('click', function(){
contentboxes.hide( 350);
});
}
};
fader.init();
}());
I have also got a good feeling that I am going the long way around by writing a separate function for each different anchor tag that is clicked? any help or comments will be massivley appreciated on this one, ive literally been at this for hours and hours now D-: