常時表示しているバナーに閉じる機能とページ内リンクを両方機能するjavascript

Question

ページ内に常時表示しているバナーを設置しています。
閉じるボタンを付け、クリックで閉じることはできるのですが、ページ内リンク機能を同時にできるようにしようとしたらうまく機能しません。
(function openURL(url) { location.href = url; });
を追加しました。

<script type="text/javascript">
$(function() {
    var topBtn = $('.right_bar');
    // 閉じるボタン
    topBtn.click
    (function openURL(url) { location.href = url; });
    (function () {$(this).css("display","none");});
});
</script>

html
<a href="javascript:void('0');" onclick="openURL('#____')">〇〇</a>

よろしくお願いします

Comments

[Lhankor_Mhy]

結果（実際に起きたこと）を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-1

エラーメッセージや実行ログをコピー&ペーストしましょう
https://teratail.com/help/question-tips#questionTips3-4-2

[fujiton]

ご指摘ありがとうございます。
回答頂き解決しましたので次回から参考にして質問致します。

Answer 1

たぶん、スコープの問題です。

Scope (スコープ) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN

---

解決方法は、function openURL(url) {}を$(function() {})の外に出してください。

Comments

[fujiton]

ご回答頂きありがとうございます。
ご指摘の通りに修正しましたら機能いたしました。

<script type="text/javascript">
$(function() {
var topBtn = $('.right_bar');
// 閉じるボタン
topBtn.click
(function () {$(this).css("display","none");});
});
function openURL(url) { location.href = url; }
</script>

質問の仕方、回答と誠にありがとうございました。
勉強させて頂きました。