I am using the slide effect on one span in order to attempt to have it
slide under another span. The problem; however, is that the second
span seems to be unable to get around the first, skips a line, and
then slides into being invisible on that line. I'd like for that not
to happen.
Here's the code I have so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js";></script>
<script src="http://ui.jquery.com/latest/ui/ui.core.js";></script>
<script src="http://ui.jquery.com/latest/ui/effects.core.js";></
script>
<script src="http://ui.jquery.com/latest/ui/effects.slide.js";></
script
<script>
$(document).ready(function(){
$(".link_div_1").click(function() {
$(".link_span_1").toggle("slide",{}, 500);
});
});
</script>
<style>
.link_div_1 {
text-padding: 1px;
}
.link_span_1 {
text-padding: 1px;
}
</style>
</head>
<body>
<span class="link_div_1">Hey</span>
<span class="link_span_1">Test Span 2</span>
</body>
</html>
----
Any thoughts on how to modify the code to make this work? This testing
is part of my motivation to develop an accordian style menu that
slides horizontally rather than vertically.
Thanks,
Chris
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
