Реализация show/hide блока по клику в Fireworks?

Есть такой блок
По нажатию на скрыть блок сворачивается, остается лишь полосочка со ссылкой показать
такой

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

Столкнулся с несколькими трудностями:
1) Если делаю slice над кнопкой скрыть и Swap Image, то картинка заменяется лишь в области Slice, а мне нужно, чтобы весь блок скрывался (заменялся). Как это обойти?

2) Для реализации всего задуманного выполняю такой порядок действий:

a) Делаю slice блока, который нужно скрыть (хотя тут по идее должен быть вариант из п. 1) + Swap image (onclick) -> State 2. В State 2 прорисован свернутый блок. Этот пункт работает — то есть по клику блок сворачивается и появляется вместо скрыть надпись показать

б) теперь нужно, чтобы по клику на показать раскрывался блок. Пробую сделать в State 2 еще один slice поверх блока и на него Swap image (onclick) -> State 1, но не работает. Пробую сделать на этот же slice Swap image (onclick) -> State 3, в котором прорисован развернутый блок, но тоже не работает.

Подскажите, как решить такую проблему?
  • Вопрос задан
  • 3229 просмотров
Пригласить эксперта
Ответы на вопрос 1
arsenty
@arsenty
Full Stack Designer
1) Делайте слайс на весь блок, затем делайте хотспот только над кнопкой, привязывайте его к слайсу (тяните за центр хотспота и кидайте на слайс) и затем вешайте на хотспот действие.

2) Сделать вторую кнопку поверх первой, к сожалению не удастся – накладывание интерактива не работает. Я с этой проблемой долго возился, пришёл к двум решениям: в вашем случае можно просто сделать включение/отключение блока по наведению курсора (но пояснять, что это должен быть клик: каким-нибудь значком или комментарием), если блок большой и с большим количеством элементов – выносит его состояния на отдельные страницы и просто линковать их.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы