| 

.NET C# Java Javascript Exception

0
Hallo Codekickers,

hab mir einen link programmiert der mir einen newsbereich beim klick einblendet und beim wiederklicken ausblendet.

Nun würde ich gerne den Style des links dementsprechend verändern. z.B. font-weight:normal; und wenn geklickt (und newsbereich angezeigt), font-weight:bold;

soweit hab ich alles hinbekommen... aber:

wie bekomme ich es hin, wenn ich den newsbereich wieder ausblende, das der style des links wieder auf die ursprüngliche formatierung [font-weight:normal;] gesetzt wird?

hier mein bisheriger code:

<!-- NEW BUTTON SCRIPT BEGIN -->

<!-- news button begin -->
<a href="#" class="show_hide knob" onfocus="this.blur()" onclick="changeActiveStates(this)" id="link1">NEWS</a>
<!-- news button end -->

<!-- script show and hide begin -->
<script type="text/javascript">

$(document).ready(function(){

$(".art-content-layout .art-content-layout").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".art-content-layout .art-content-layout").slideToggle();
});

});
</script>
<!-- script show and hide end -->

<!-- labelswitch begin -->
<script type="text/javascript">
function byId(id) {
return document.getElementById ? document.getElementById(id) : document.all[id];
}
var prevLink = "";
function changeActiveStates(ele) {
if (prevLink) byId(prevLink).className = "";
ele.className = 'activate';
prevLink = ele.id;
}
</script>
<!-- labelswitch end-->

<!-- NEW BUTTON SCRIPT END -->



hier die css:

.knob {
position: absolute;
z-index: 200;
top: 110px;
right: 0;
margin-right: 5px;
background: #e8e3d6;
padding-left: 30px;
padding-right: 30px;
height: 24px;
line-height: 24px;
color: #FFFFFF;
text-decoration: none;
border: none;
font-weight: normal;
}

.activate {
position: absolute;
z-index: 200;
top: 110px;
right: 0;
margin-right: 5px;
background: #e8e3d6;
padding-left: 30px;
padding-right: 30px;
height: 24px;
line-height: 24px;
font-weight: bold;
color: green;
text-decoration: none;
border: none;
font-weight: bold;
}


gruß TomTom
News:
22.06.2011
TomTom1981 1 1
1 Antwort
0
habs grad selbst hinbekommen :)

<script type="text/javascript">
$(document).ready(function(){
$(".link_neutral").click(function(){
$(this).toggleClass("link_aktiv"); return false;
});
});
</script>

keep going on codekickers
22.06.2011
TomTom1981 1 1

Stelle deine Javascript-Frage jetzt!