![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
お世話になります。javascriptに関してはまだまだ素人ですが、よろしくおねがいいたします。
http://www.koikikukan.com/archives/cat_149.php
のような折りたたみメニューがあるページに、
別ページから、その折りたたみメニュー部分に
アンカーで飛ばす方法でリンクをつけようと考えています。
通常、折りたたみメニューはページを開いた時に閉じているのですが、
このリンクで飛んだ時のみ、ぱっと見でどこにとんだか
分かるようにするため、アンカー部分の折りたたみメニューが
開いた状態にしたいです。
しかし、どのように指定すればいいか分かりません。。
リンクにOnClickを付けて試してみたのですが、うまくいきませんでした。
なお、折りたたみ部分は複数あり、リンクでとんだアンカー部分の
説明のみが開くようにしたいです。
なにかよいアドバイスがありましたら、お願いいたします。
>別ページリンク指定部分
<a href="/●●/#1">折りたたみ部分へのリンク</a><br>
>折りたたみメニュー部分
<a name="1"></a> ←※アンカーで飛ぶ
<a href="#" onClick="javascript:show_hide('q1'); return false;"
onkeypress="javascript:show_hide('q1'); return false;">
折りたたみタイトル部分(※通常、ここを押すと折りたたみメニューが開く)</a><br>
<div id="q1" class="qa">
折りたたみ部分
</div>
>折りたたみがあるページでのheadスクリプト部分
(折りたたみが関わっていると思われる部分)
<script type="text/javascript">
<!--
function show_hide(tid) {
if(navigator.appName.charAt(0)=='M'){
ids = tid.split(',');
for (id in ids) {
disp = document.all(ids[id]).style.display;
if(disp == "none") {
document.all(ids[id]).style.display = "block";
} else {
document.all(ids[id]).style.display = "none";
}
}
}
}
function show(tid) {
if(navigator.appName.charAt(0)=='M'){
ids = tid.split(',');
for (id in ids) {
disp = document.all(ids[id]).style.display;
document.all(ids[id]).style.display = "block";
}
}
}
function hide(tid) {
if(navigator.appName.charAt(0)=='M'){
ids = tid.split(',');
for (id in ids) {
disp = document.all(ids[id]).style.display;
document.all(ids[id]).style.display = "none";
}
}
}
function prechange(){
if(navigator.appName.charAt(0)=='M'){
show('allpreset');
hide('q1')
}
loc = top.location.hash
if (loc != ''){
location.hash = top.location.hash;
}
}
//-->
</script>
※折りたたみページに関しては、前任者が作ったページの為、javascript等私自身しっかり理解できてないところもあります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
ポップアップをクリックで終了...
-
removeAttribute()メソッドで削...
-
javascriptテキストBOX色を元に...
-
折りたたみ部分にアンカーでリ...
-
変数内容をHTML内で表示する方法
-
jQuery の jqPlotプラグイン
-
textContentを追記すると、HTML...
-
コンテンツの移動方法について
-
innerTextで文字を変えたいので...
-
DOM操作(?)。idを数値順で上書...
-
背景色を一定時間ごとにランダ...
-
iframe内のリンクが飛ばないの...
-
表示・非表示のスクリプトで、...
-
読み込んだQRコードをフォーム...
-
jQueryでクリックされた要素のi...
-
createElementで作成した要素を...
-
classの中の<a>タグにidを追加
-
jqueryを使って無駄なspanタグ...
-
MYSQLでの条件検索ORを使って・...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
iframe内のリンクが飛ばないの...
-
[急ぎ] videoタグで埋め込んだm...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
removeAttribute()メソッドで削...
-
テキストエリア内の一部の文字...
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
変数内容をHTML内で表示する方法
-
HTMLタグに複数のクラスを設定...
-
jQueryのアコーディオンメニュ...
-
取得した要素がインライン要素...
おすすめ情報