Question

我需要它，所以当你点击另一个切换时，当前打开的框关闭，所以它们基本上不可能同时打开？

但切换不起作用。 https://jsfiddle.net/3gorcdra/1/

我的JS代码如下所示：

var vm = this;
vm.Categoria1 = [];

var onload = function(){
    $http.get('http://localhost:5541/api/date/ListCategorii').success(function (data) {
       vm.Categoria1 = data;
    }
}; 

$scope.demoOptions = {
    title: 'Demo: Recent World Cup Winners',
    filterPlaceHolder: 'Start typing to filter the lists below.',
    labelAll: 'All Items',
    labelSelected: 'Selected Items',
    helpMessage: ' Click items to transfer them between fields.',
    /* angular will use this to filter your lists */
    orderProperty: 'name',
    /* this contains the initial list of all items (i.e. the left side) */
    items: vm.Categoria1, //[{ 'id': '50', 'name': 'Germany' }, { 'id': '45', 'name': 'Spain' }, { 'id': '66', 'name': 'Italy' }, { 'id': '30', 'name': 'Brazil' }, { 'id': '41', 'name': 'France' }, { 'id': '34', 'name': 'Argentina' }],
    /* this list should be initialized as empty or with any pre-selected items */
    selectedItems: []
};

onload();

我希望你们能帮帮我。

Answer 1

尝试使用find()而不是next()，因为您正在搜索descendant，

$('.mix').find('.mix-content').hide();
$('.mix').click(function() {
  var el = $(this).find('.mix-content');
  var doit = (el.is(':visible')) ? el.slideUp() : ($('.mix-content').slideUp(),el.slideDown());
});

DEMO

此外，mix-content的css位置绝对。我改变了它，因为手风琴般的行为不能像那样实现。

jQuery切换不起作用

1 个答案:

DEMO