Как скрыть div с ul с определенным идентификатором, используя jQuery?

Обсуждения о недостатках числовых идентификаторов в сторону...

Чтение между строками, я думаю, вы хотели что-то вроде этого (переключает UL, связанный с помеченным div):

JSFiddle: http://jsfiddle.net/TrueBlueAussie/27Wmm/1/

$(function () {
    $('#accordion').on('click', '.expand', function () {
        var $this = $(this);
        // Show the sibling of the clicked div 
        $this.next().css({
            'display': 'inherit'
        });
        // Now hide all others sibling of the non-clicked divs
        $('.expand').not($this).next().css({
            'display': 'none'
        });
    });
});

При любом типе меню вы обычно хотели бы избежать какого-либо жесткого кодирования выбранных элементов и управлять им нажатием на элемент (и другие связанные элементы не были нажаты).

Вероятно, вы также захотите запустить только один (если он есть), не скомпенсированный, что означает только первоначальный стиль на них. например, в CSS

#accordion ul {
    display: none;
}

JSFiddle: http://jsfiddle.net/TrueBlueAussie/27Wmm/3/

Обновить

Если вы хотите, чтобы у вас было определенное поведение при запуске, вы можете разделить бит, который выполняет эту работу, и вызвать его при запуске.

JSFiddle: http://jsfiddle.net/TrueBlueAussie/27Wmm/4/

var showThis = function ($this) {
    // Show the sibling of the clicked div 
    $this.next().css({
        'display': 'inherit'
    });
    // Now hide all others
    $('.expand').not($this).next().css({
        'display': 'none'
    });
}

$(function () {
    $('#accordion').on('click', '.expand', function () {
        showThis($(this));
    });
    showThis($('#attractions').prev());
});

Еще одно обновление

Согласно комментариям, желаемое поведение - просто показать притяжение DIV и ассоциированный UL. Если бы это было так (я все еще сомневаюсь), вы бы изменили это на следующее:

var showThis = function ($this) {
    // Show the div, then show the sibling of the clicked div 
    $this.css({
        'display': 'inherit'
    }).next().css({
        'display': 'inherit'
    });
    // Now hide all other divs and ULs
    $('.expand').not($this).css({
        'display': 'none'
    }).next().css({
        'display': 'none'
    });
}

$(function () {
    showThis($('#attractions').prev());
});

JSFiddle: http://jsfiddle.net/TrueBlueAussie/27Wmm/5/

Это должно быть много, чтобы играть.