Question

我已经构建了一个带有几个锚点的滑动DIV，点击后我想显示它们相应的DIV。

然而，当你点击操作时，它有点儿麻烦。当然有更好的方法来做到这一点？我不认为我已经很好地构建了它，所以任何人都可以建议改进，或者做到这样当点击一个项目时其他项目被隐藏？

首先，我需要显示哪些金融DIV会让人痛苦......

http://jsfiddle.net/MZNyC/

Answer 1

我建议您创建一个可以保存当前显示内容的变量。单击选项卡后，它将隐藏当前选项卡，显示新选项卡，然后将新设置为当前选项卡。

我已经修改了你的小提琴来演示它：http://jsfiddle.net/t0nyh0/MZNyC/20/

Answer 2

您可以使用按钮中的onClick（）事件，并使用一个函数来设置按钮，并在单击按钮时重新使用它。因此，如果您添加另一个按钮，请在函数中传递参数（按钮以执行“切换”）。

此致

Answer 3

http://jsfiddle.net/MZNyC/21/

不要使用切换，在每个面板开关上调用siblings.hide（）。

将面板包裹在一个包含div中（所以Siblings（）。hide（）只隐藏其他面板，而不是标题）

Answer 4

有一种简单的方法可以使用一个处理程序来管理所有链接。您只需要一种在链接和内容之间建立关系的方法。这是通过向链接添加一个属性的一种方法。然后设置一些只定义当前类名的类名，以便于将其重新滑回

HTML：

 <a class="finance-btn titlejob" href="#" data-class="finance">

JS：

$('.titlejob').click(function() {
    var newContent = $('.' + $(this).data('class'));;
    $('.content_active').removeClass('content_active').slideToggle("slow", function() {
        newContent.slideToggle("slow").addClass('content_active');
    });
return false;
});

幻灯片切换 - jQuery

4 个答案: