ошибка при удалении символа из переменной

Question

посоветуйте, пожалуйста, что изменить в синтаксисе

            $(document).ready(function(){
                //click on nav
                $('#nav li a').click(function() {
                    //set variable
                    var targetDiv = $(this).attr('href');
                    var targetPic = $(this).attr('href');
                    //remove # from var
                    targetPic = str.replace('#', '');
                    //hide !=var
                    $('div').not( + targetDiv) .hide('puff', 1000);
                    $('div').not('.' + targetPic) .hide('puff', 1000);
                    //show =var
                    $('div' + targetDiv) .show('puff', 1000);
                    $('div.' + targetPic) .show('puff', 1000);
                    })

            });

Answer 1

К ответу @Caspar Kleijne я также хотел бы добавить, что я вижу еще одну ошибку в вашем коде:

$('div').not( + targetDiv) .hide('puff', 1000);

должно быть

$('div').not('#' + targetDiv) .hide('puff', 1000);

Answer 2

targetPic = str.replace('#', '');

должно быть

targetPic = targetPic.replace('#', '');

, поскольку переменная отсутствует str imho

, но этот код не будет работать в браузерах, где $(this).attr('href'); возвращает полный абсолютный URL-адрес (включая http://......#), как некоторые версии IE