Частично скрыть блок

Тема в разделе "OpenCart", создана пользователем Vor704, 3 июл 2014.

  1. Vor704

    Vor704

    Регистрация:
    2 июл 2013
    Сообщения:
    123
    Симпатии:
    15
    Здравствуйте. Какой то нонсенс, не могу найти ( сформулировать запрос ) ни в интернете, ни тут, а тут было...

    Хочу сделать следующее
    [​IMG]

    Подобное реализовано на этом форуме. Сворачиваются длинные цитаты. Скрыть часть блока, добавить СМОТРЕТЬ ЕЩЕ, при нажатии чтобы отобразилось все что в модуле.

    [​IMG]

    Вся соль в том что я даже примеров создания такой штуки найти не могу. По все что пробовал искать, поисковые ТАКОЙ бред мне показывали, что просто ппц.

    Помогите. Спасибо.
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.038
    Симпатии:
    774
    Само по себе сворачивание/разворачивание делается через
    HTML:
    $('#id').slideToggle()
    .
    Но нужно разбить вывод на два блока и второму первоначально поставить display:none, а по клику на ссылку повесить срабатывание .slideToggle().
     
  3. Vor704

    Vor704

    Регистрация:
    2 июл 2013
    Сообщения:
    123
    Симпатии:
    15
    не уверен что это то, поскольку не представляю себе как разбить посредине вывод картинки или т.п. ну не суть. почти получилось, код взял отсюда. Сам сайт и ошибки ТУТ, смотрите рекомендуемые. Кстати об ошибках:

    При нажатии почему то кидает вверх экрана.
    Иногда, плохо считает высоту открывшигося дива.


    Можете помочь?
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.038
    Симпатии:
    774
    Кидает потому, что это якорная ссылка.
    Нужно в функцию обработки события клика по ссылке разворачивания/сворачивания
    HTML:
    $(".slider_menu a").click(function()
    добавить в качестве параметра e - function(e)
    А в теле функции первой строкой - e.preventDefault();
    А последней строкой - return false;

    А со вторым не помогу.
     
    Vor704 нравится это.