[jQuery] jQuery toggle question
For once, I have a script fully working... I have four tabs that pull down
when clicked. If a tab is open, and you click another tab, the opened tab
closes first, then the selected tab opens.
Here is a working example (Open Tab1, then click Tab2 and note how it closes
quickly, i want Tab1 to slide closed, then Tab2 slide open):
http://psylicyde.com/misc/slide-panel
The problem is that the open tab closes abruptly when changing tabs. Is
there anyway to smooth it out? Here is my code, with highlights.
===============================================
Source Code
===============================================
$(document).ready(function(){
$(".btn-slide1").click(function(){
// first close any other open panels
$("#panel2").hide();
$("#panel3").hide();
$("#panel4").hide();
// then open the selected panel
$("#panel1").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
$(".btn-slide2").click(function(){
// first close any other open panels
$("#panel1").hide();
$("#panel3").hide();
$("#panel4").hide();
// then open the selected panel
$("#panel1").hide();
$("#panel2").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
$(".btn-slide3").click(function(){
// first close any other open panels
$("#panel1").hide();
$("#panel2").hide();
$("#panel4").hide();
// then open the selected panel
$("#panel3").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
$(".btn-slide4").click(function(){
// first close any other open panels
$("#panel1").hide();
$("#panel2").hide();
$("#panel3").hide();
// then open the selected panel
$("#panel4").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
--
View this message in context: http://www.nabble.com/jQuery-toggle-question-tp24838334s27240p24838334.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.