0

昨天，我在点击每个按钮时很难做出上下移动的东西。

感谢来自stackoverflow“j08691”的用户，这个问题已经解决。但是，我无法弄清楚如何根据每个内容使内容淡入和淡出。

JS小提琴

帮助我的用户在我的问题中没有看到这个。也许其他人可以帮助我。

小提琴中添加了 CSS 和 HTML 示例元素。我只是不知道如何使它工作。

例如，在小提琴中，我们有按钮 A、B、C 和 D。

如果单击“A”，它会升起并<div id="letterA">Letter A opened-content.</div>出现。如果再次单击按钮 A，它应该会再次消失。（淡入淡出）。

如果按钮“A”处于活动状态并且单击了任何其他按钮 B、C 或 D，则按钮 A 将再次淡出内容并显示其他单击的按钮。

它真的很容易解释，但很难让它发挥作用。

提前致谢。

4

2 回答 2

2

这是一个解决方案：http: //jsfiddle.net/KQ3sq/1/

我不得不稍微改变一下标记。这个想法是将每个li与它的目标 div 链接起来。为此，我使用 HTML5 数据属性。您还可以考虑将带有锚点的链接添加到相应的 div（没有 JS 时的回退）。

然后 JS 做魔术是：

var target = $(this).data('target');    
$("#content").children(target).fadeIn().siblings().fadeOut();
于 2012-10-04T15:13:38.633 回答
0

更新@MarvinLabs：D

var target = $(this).data('target');    
            $("div#collapseContent").children(target).fadeIn().siblings().fadeOut();
            if($(this).height() != 15 ) $("div#collapseContent").children(target).fadeOut();

它可以工作，但我不确定这是否很好，或者它可以更好。因此，如果有更好的解决方案，请在此处更新您的答案或回复；）

再次欢呼和感谢。

于 2012-10-04T15:56:05.273 回答