Веб программирование (нужна помощь)

[FIZICHESKOE_NASILIE]

Работаю в среде asp.net mvc4, создаю пользовательский интерфейс сайта, на данном этапе левая сторона представляет из себя форму поиска файла, а правая выводит результаты поиска в виде кнопки с названием файла, который в свою очередь при нажатии на него должен отобразить раскрывающийся список (например файлов прикрепленных к нему) с чекбоксами например.

 

Вопрос в том как реализовать эту херню, учитывая мои скудные знания в html и css и полное их отсутствие в js?

Изменено 25 октября 2012 пользователем FIZICHESKOE_NASILIE

[FIZICHESKOE_NASILIE]

интересует именно выпадающий список, с чекбоксами разберусь, с формой поиска уже разобрался

[justice_st]

тебе надо анимировать выпадение списка чтоли?

[FIZICHESKOE_NASILIE]

ну при нажатии на кнопку из первого скрина, чтобы выпадал список со второго скрина

[justice_st]

кури jquery

[Гость 2poy]

<select name="uebok">

<option value="1">Juse</option>

<option value="2">Spyhunter</option>

<option value="3">FIZICHESKOE_NASILIE</option>

<option value="4">Все хохлы</option>

</select>

 

а не ваще-то это jqueri UI, да

[justice_st]

$('li.3').click(function() { //по клику на li class=3

if ($('#hidden1').css('display')=='none') {//если что-то скрыто

$('#hidden1').css({

display: "block",

left: $(this).offset().left, //показываем это под родителем

height: 0

});

$('li.3').addClass('visible');

//$(':animated').not('#magic-line-two').stop(false,false);

$('#hidden1').animate({height: 320},{queue: false, duration: 400}); //анимируем высоту с 0 до 320 в течение 400 мс

}

}, function() {

//$('#hidden1').css({"display":"none"});

}

);

 

офк надо подрубить jquery.min.js

Изменено 25 октября 2012 пользователем justice_st

[Kant]

в асп по дефолту нет такого элемента

погугли стандартные решения на js \ jquery

[FIZICHESKOE_NASILIE]

ну вариант тупого работает, но смотрится пиздец убого, ща попробую вариант джустиса

[Гость 2poy]

http://jqueryui.com/accordion/

[justice_st]

lorem ipsum dolor

[FIZICHESKOE_NASILIE]

lorem ipsum dolor

джустис а в твой код куда впихнуть мой вывод данных?

[justice_st]

причем тут мой код? мой код просто делает видимым некий элемент, кстати его еще править надо

пихать его надо

<script type="text/javascript">

$(document).ready(function() {

сюда <--------

});

а твой вывод данных я так понял ты делаешь на C#, он тут вообще причем?

[FIZICHESKOE_NASILIE]

ну я понял одно, лучше мне не лезть в это болото джаваскрипта, спс за помощь

[justice_st]

единственное болото куда ты залез это аспнет

[AVTORKLIF]

единственное болото куда ты залез это аспнет

лучше и на скажешь

[FIZICHESKOE_NASILIE]

все я разобрался, тему закрываю, всем спасибо ггвп