Response title
This is preview!
Multiple forms slidedown
in Using jQuery
•
9 years ago
Hi,
I am working with slidedown function on a div with iconfonts. As of now my code works fine with one div sliding down, but I need to work with three divs, but only one div to be visible when clicked upon a li item and the others to slide up if visible.
I got a suggestion from another community on how to make my current code work with multiple forms.
As suggested I set an data attribute on my list items.
And changed this script when working with one form:
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
$("#tags").focus();
}
else{
$("#contactForm").slideUp("slow");
}
});
});
with this one:
But this is not working for me :(
The link to a demo page is:
I am working with slidedown function on a div with iconfonts. As of now my code works fine with one div sliding down, but I need to work with three divs, but only one div to be visible when clicked upon a li item and the others to slide up if visible.
I got a suggestion from another community on how to make my current code work with multiple forms.
As suggested I set an data attribute on my list items.
And changed this script when working with one form:
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
$("#tags").focus();
}
else{
$("#contactForm").slideUp("slow");
}
});
});
with this one:
$(document).ready(function(){
$('#expressmenu').on('click', 'UL > LI > A', function() {
var form = $(this).data('form');
var $form = $('#' + form);
if ($form.is(':hidden')){
$form.slideDown("slow");
$("#tags").focus();
}
else{
$form.slideUp("slow");
}
});
});
The link to a demo page is:
1