Захлопывающийся при нажатии на кнопку

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 20 февраля 2013 в 12:45

Приветствую!
Подскажите, пожалуйста, решение:
Есть некий <div>. Изначально при открытии страницы он виден пользователю. Нужно присобачить ему ссылку "Закрыть", чтоб по нажатию на неё он исчезал без следа, и от него оставалась только ссылка "Открыть". Типа, как "Убрать рекламу / Посмотреть рекламу".
Как это сделать только средствами каскадных таблиц, желательно без скриптов и jquery?
Научите, плиз!
З.Ы. Если только на CSS низя, то согласен на скрипты, но это в крайнем случае…

шаблоны и модули для instantCMS 1.10.6

#2 20 февраля 2013 в 13:00

посмотрите это решение htmlbook.ru/blog/delaem-stilnye-knopki

#3 20 февраля 2013 в 13:07

VopisUVD, спасибо за ответ, но вопрос о изменении внешнего вида кнопки не стоит… Меня полностью устраивает её вид, меня не устраивает то, что её здесь вообще не должно быть, здесь должна быть ссылка типа <a href=...>Закрыть</a>. Вполне возможно, что вместо текста я туда потом даже вставлю какой-нибудь рисунок.

шаблоны и модули для instantCMS 1.10.6

Сегодня в 21:21

#4 20 февраля 2013 в 13:24

Вот как я у себя сделал блок в профиле пользователей Мои друзья ссылки показать и скрыть.Изначально закрыто при нажатии Показать друзей открывается блок друзья и надпись Показать друзей заменяется на Спрятать друзей нажав на нее блок закрывается

 
                        {if $usr.friends}
 
						{literal}
                                <script type="text/javascript">
                                    $(document).ready(function(){
                                        $('#m-blocks_friend').hide();
                                        $('#show_all_friend').click(function(){
                                            if($("#m-blocks_friend").is(":visible"))   {
                                                $('#m-blocks_friend').slideUp(400);
                                                $("#show_all_friend").text("Показать друзей");
                                            }   else {
                                                $('#m-blocks_friend').slideDown(400);
                                                $("#show_all_friend").text("Спрятать друзей");
                                            }
                                            return false;
                                        });
                                    });
 
                                </script>
						{/literal}
 
 
                            <div class="usr_friends_block usr_profile_block">
 
							   <div class="usr_wall_header" style="margin-bottom: 0;">
 
                                    {if !$myprofile}
                                        {$LANG.USER_FRIENDS}
                                    {else}
                                        {$LANG.MY_FRIENDS}
                                    {/if}
                                 <div class="usr_wall_addlink" style="float:right"><a href="#" id="show_all_friend" class="allPhotoAlbum">Показать друзей</a></div>
                                </div>
                                <div id='m-blocks_friend'>
 
                                {if $usr.friends_total > 6}
                                    <div class="float_bar">
                                        <a href="/users/{$usr.id}/friendlist.html">{$LANG.ALL_FRIENDS}</a> ({$usr.friends_total})
                                    </div>
                                {/if}
                                {assign var="col" value="1"}
                                <table width="" cellpadding="5" cellspacing="0" border="0" class="usr_friends_list" align="left">
                                  {foreach key=tid item=friend from=$usr.friends}
                                  {if $col==1}<tr>{/if}
                                            <td align="center" valign="top">
                                                <div class="usr_friend_cell">
                                                    <div align="center"><a class="friend_link" href="{profile_url login=$friend.login}">{$friend.nickname}</a></div>
                                                    <div align="center"><a href="{profile_url login=$friend.login}"><img border="0" class="usr_img_small" src="{$friend.avatar}" /></a></div>
                                                    <div align="center">{$friend.flogdate}</div>
                                                </div>
                                            </td>
 
                                      {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if}
                                  {/foreach}
                                  {if $col>1}<td colspan="{math equation="x - 6 + 1" x=$col}">&nbsp;</td></tr>{/if}
                                </table>
                            </div>
							</div>
                        {/if}

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#5 20 февраля 2013 в 13:25

Вот примерно так надо:

шаблоны и модули для instantCMS 1.10.6

#6 20 февраля 2013 в 13:51

 
<a class="noun" id="aman1" href="javascript://" onclick="getElementById('man1').style.display='';this.style.display='none';"><center><b>[открыть]</b></center></a><div id="man1" style=" display: none;"> 
<div class="quote">  
Ура-а-а-а-а-а!!!
<div> 
<br> 
<a class="noun" href="javascript://" onclick="getElementById('man1').style.display='none';getElementById('aman1').style.display=''; "><center><b>[Закрыть]</b></center></a> </span> 
</div></div></div>

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#7 20 февраля 2013 в 13:55

st.Puh, Ураааааааааа, только он должон быть изначально открыт, а при нажатии закрывацо))))

шаблоны и модули для instantCMS 1.10.6

#8 20 февраля 2013 в 13:57

Вот примерно так надо:
Карагандинец

Я же вам дал пример кода такое зделано с блоком Мои друзья.вот скрины

А вот уже открыто

Выкидайте код тот что относится к моим друзьям вставляйте свое и готово

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#9 20 февраля 2013 в 13:59

st.Puh, при всём моём к Вам уважении, оно у Вас изначально закрыто, а мну требуетцо чтоботкрыто)))

шаблоны и модули для instantCMS 1.10.6

#10 20 февраля 2013 в 14:05

Это мне вполне походит

<a class="noun" id="aman1" href="javascript://" onclick="getElementById('man1').style.display='';this.style.display='none';"><center><b>[открыть]</b></center></a><div id="man1" style=" display: none;"> 
<div class="quote">  
Ура-а-а-а-а-а!!!
<div> 
<br> 
<a class="noun" href="javascript://" onclick="getElementById('man1').style.display='none';getElementById('aman1').style.display=''; "><center><b>[Закрыть]</b></center></a> </span> 
</div></div></div>

Только как теперь сделать, чтобы блок был изначально виден, а закрывался только при нажатии? Т.е., всё как в скрипте, только наоборот?))))

шаблоны и модули для instantCMS 1.10.6

#11 20 февраля 2013 в 14:15

Тогда так

 
<div id="man1" > 
<div class="quote">  
Ура-а-а-а-а-а!!!
<div> 
<br> 
<a class="noun" href="javascript://" onclick="getElementById('man1').style.display='none';getElementById('aman1').style.display=''; "><center><b>[Закрыть]</b></center></a> </span> 
</div></div></div>

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#12 20 февраля 2013 в 14:18

st.Puh, вот теперь УРААА dance

спасибо огромное!!!

шаблоны и модули для instantCMS 1.10.6

#13 20 февраля 2013 в 14:19

ой, забыл! проблема решена…

шаблоны и модули для instantCMS 1.10.6

Как создать пустой пункт меню?

Проблема с тегами

Захлопывающийся при нажатии на кнопку

Похожие темы

Как при нажатии на кнопку "Мои сообщения" вывести новую страницу с этими сообщениями

Как в cms_con_albums в столбце is_deleted поставит 1 когда пользователь удаляйте свою страницу.

[ЕСТЬ РЕШЕНИЕ] Ошибка в работе компонента Объявления

Нужна ссылка "поделиться" для вк чтобы при нажатии на мобильном открывалось приложение а не сайт

Кнопки html

Кнопки поделится, соц сети для instant 2

InstantCMS Team

О проекте

Поддержка

Дополнения