-1

JavaScript、jQuery、または高度すぎるものを必要としないソリューションを探しています。ほとんどの場合、HTML/CSS は私が使用に制限されているためです。

私が考えているのは、1 つの div ID 内に 2 つの小さな div クラスを持つレイアウトです。各ボックスには独自のコンテンツがあり、並べて配置されます。私が達成しようとしているのは、コンテンツを別のものに変更する 1 つの div 内にアンカー リンクを作成することです。

たとえば、デフォルトのボックス 1 にはコンテンツとして「abc」が表示され、ボックス 2 には「def」が表示されます。ボックス 1 のアンカー リンクをクリックすると、ボックス 2 の内容に影響を与えたり、アンカーで下に移動したりすることなく、コンテンツが 123 に変更されます。

うまくいけば、それは理にかなっています。編集/作業するコードはないので、助けていただければ幸いです。

4

1 に答える 1

0

セレクターを使用して:target、divの両方を非表示にし、URLハッシュにIDを持つ要素を表示できます。

div.MyBox {
    display: none;
}
div.MyBox:target {
    display: block;
}

<a>を指すタグをクリックすると、#someIdその要素が表示されます。

于 2012-12-04T19:27:58.543 に答える