Что не так?

Статус
В этой теме нельзя размещать новые ответы.

sergey_prusov

Участник
Регистрация
31 Окт 2008
Сообщения
203
Реакции
4
Имею код:
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="menu-main">Меню<img src="{THEME}/images/icons/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="soft-menu" class="menu-box" style="padding-bottom:5px;display:none;">
<a class="ss-menu" href="/vector/vector-backgrounds/">Категория</a>
</div>

Делаю следующее меню с этим же кодом, но при открытии "меню" открывается предидущее. Что делать и как быть, чтобы было несколько меню?
 
Вопрос, а у тебя все дивы категорий id="soft-menu" ?
 
Это потому что у тебя на id навешано.

используй такое
HTML:
$('.spoiler').next().hide()
$('.spoiler').click(function(){
    $(this).next().slideToggle()
})

<a href="#"class="spoiler">Меню<img src="{THEME}/images/icons/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div class="menu-box" style="padding-bottom:5px;display:none;">
   <a class="ss-menu" href="/vector/vector-backgrounds/">Категория</a>
</div>
 
Последнее редактирование модератором:
дописал в тот пост код

id не должен повторяться никогда
 
Я надеюсь ты скрипт хотя бы в <script> обернул?

HTML:
<script>
$('.spoiler').next().hide()
$('.spoiler').click(function(){
    $(this).next().slideToggle()
})
</script>
 
Я надеюсь ты скрипт хотя бы в <script> обернул?

HTML:
<script>
$('.spoiler').next().hide()
$('.spoiler').click(function(){
    $(this).next().slideToggle()
})
</script>
разумеется, но не работает(((

работает только вот так:
1-е меню:
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="menu-main">Меню<img src="{THEME}/images/icons/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="soft-menu" class="menu-box" style="padding-bottom:5px;display:none;">
<a class="ss-menu" href="/vector/vector-backgrounds/">Категория</a>
</div>
2-е меню:
<a href="javascript://" onclick="$('#soft-menu1').slideToggle('slow');" class="menu-main">Меню<img src="{THEME}/images/icons/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="soft-menu1" class="menu-box" style="padding-bottom:5px;display:none;">
<a class="ss-menu" href="/vector/vector-backgrounds/">Категория</a>
</div>

Правильно так или лучше так не делать?
 
Последнее редактирование модератором:
А с такой версткой работает?

HTML:
<div class="spoiler">Меню</div>
<div><p>Лаконично оформленный</p></div>

Если нет - то где то у тебя проблемы
 
Возникает вопрос если я id буду просто менять это ничего?

И еще один косяк: не грузится картинка с соц. закладками хотя она точно есть в этой папке, что не так?

Код:
$(document).ready(function() {
   
    var LinkTitle = $(document).attr('title');
   
    var LinkUrl = window.location.href;
   
    var LinkParent = window.location.hostname;
   
    LinkTitle=encodeURIComponent(LinkTitle);
   
    LinkUrl=encodeURIComponent(LinkUrl);
   
   
    // Вставка блока с закладками и блока затемнения
    $('body').append('<div class="shad" style="display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;"></div>');
   
    $('body').append('<div id="tt_social" style="position: fixed;left: 0;top: 50%;width: 30px;height: 215px;margin: -90px 0 0 0;background: #f1f1f1;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border: 2px #fff solid;box-shadow:2px 0px 10px 0 #d9d9d9;-webkit-box-shadow:2px 0px 10px 0 #d9d9d9;-moz-box-shadow:2px 0px 10px 0 #d9d9d9;border-left: 0;"></div>');
   
    //Массив ссылок
    var LinksItem = [
    'http://vkontakte.ru/share.php?url='+LinkUrl+'" title="Поделиться ВКонтакте"',
    'http://www.facebook.com/sharer.php?u='+LinkUrl+'&t='+LinkTitle+'" title="Добавить в Facebook"',
    'http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+'" title="Добавить в Twitter"',
    'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='+LinkUrl+'&cntitle='+LinkTitle+'" title="Добавить в LiveInternet"',
    'http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+'" title="Добавить в Яндекс закладки"',
    'http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Мой Мир"',
    'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Одноклассники"',
    'http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+'" title="Добавить в ЖЖ"'
    ];
   
   
    var sdvig = 0;
    var sdvig2 = 0;
   
    // Построение списка закладок
    for (i=0; i<LinksItem.length; i++)
    {
        var getLinks = $('<a href="'+LinksItem[i]+' style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
        getLinks.appendTo("#tt_social");
        var sdvig = sdvig + 20;
        var sdvig2 = sdvig2 + 25;
    }
   
    // Эффекты при наведении на ссылку
    $('#tt_social a').hover(
        function() {
          $(this).css({
                'box-shadow':'0 0px 10px 0 #fff',
                '-webkit-box-shadow':'0 0px 10px 0 #fff',
                '-moz-box-shadow':'0 0px 10px 0 #fff',
                'border-radius':'5px',
                '-webkit-border-radius':'5px',
                '-moz-border-radius':'5px'
            });
           
            var linkTitle = $(this).attr('title');
            var thisSpan = $(this).find('span');
            thisSpan.text(linkTitle);
            $(this).find('span').css({
                'position':'absolute',
                'display':'block',
                'padding':'5px',
                'background':'#fff',
                'width':'150px',
                'left':'30px',
                'border-radius':'0 5px 5px 0',
                '-webkit-border-radius':'0 5px 5px 0',
                '-moz-border-radius':'0 5px 5px 0'
            });
        },
        function() {
            $(this).css({
                'box-shadow':'none',
                '-webkit-box-shadow':'none',
                '-moz-box-shadow':'none',
                'border-radius':'none',
                '-webkit-border-radius':'none',
                '-moz-border-radius':'none'
            });
            $(this).find('span').css({
            'display':'none'           
            });
        }
    );
   
    // Эффекты при наведении на блок с ссылками
    $('#tt_social').hover(
        function() {
            $(this).animate({
                'width':'40px'
            });
            $(this).find('a').animate({
                'left':'10px'
            });
            $(this).css({'background':'#727272'});
            $('.shad').css({
                'opacity':'0.2',
                'display':'block'
            });
        },
        function() {
            $(this).animate({
                'width':'30px'
            });
            $(this).find('a').animate({
                'left':'5px'
            });
            $(this).css({'background':'#f1f1f1'});
            $('.shad').css({
                'opacity':'0',
                'display':'none'
            });
        }
    );
   
   
});
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху