<script language="javascript">
function showOrHide()
{
var div = document.getElementById("showOrHideDiv");
if (div.style.display == "block")
{
div.style.display = "none";
}
else
{
div.style.display = "block";
}
}
</script>
<br/>
<p>
In this tutorial you will learn how to hide multiple div elements with only one action (for example click on button).
</p>
<a href="javascript:showOrHide();">more details...</a>
<div id="showOrHideDiv" style="display: none">
<p>
To hide or show HTML elements javascript is used. Usually for hiding and showing HTML elements, HTML elements are placed in one div tag and this div tag is hided or showed with a help of javascript.
</p>
</div>
Member
9 Points
27 Posts
Read more...
Jul 01, 2013 05:10 AM|Dimitris-mitsos|LINK
Hello everybody,
how to add a read more (or details, etc) link in my site?
Thanks in advance,
Dimitris
details readmore
Contributor
2842 Points
767 Posts
Re: Read more...
Jul 01, 2013 05:14 AM|mshoaiblibra|LINK
check below link, it's already implemented.
http://stackoverflow.com/questions/6012942/how-to-limit-label-string-length-in-gridview-with-read-more-link
thanks
details readmore
M Shoaib Waheed
MCSD & MCPD [Web Development 4.0]
http://shoaib.pk
Member
9 Points
27 Posts
Re: Read more...
Jul 01, 2013 05:51 AM|Dimitris-mitsos|LINK
I use .cshtml pages (razor syntax in webmatrix) css and javascripts
details readmore
All-Star
194009 Points
28028 Posts
Moderator
Re: Read more...
Jul 01, 2013 06:00 AM|Mikesdotnetting|LINK
You can use an extension method like this one: http://www.mikesdotnetting.com/Article/137/Displaying-The-First-n-Characters-Of-Text. Note that if you want to use it on a value from a database, you should cast the value to a string before you can use the extension method on it.
details readmore
Member
9 Points
27 Posts
Re: Read more...
Jul 01, 2013 02:28 PM|Dimitris-mitsos|LINK
First of all thanks for your replies.
That was what I was looking for...
<script language="javascript"> function showOrHide() { var div = document.getElementById("showOrHideDiv"); if (div.style.display == "block") { div.style.display = "none"; } else { div.style.display = "block"; } } </script> <br/> <p> In this tutorial you will learn how to hide multiple div elements with only one action (for example click on button). </p> <a href="javascript:showOrHide();">more details...</a> <div id="showOrHideDiv" style="display: none"> <p> To hide or show HTML elements javascript is used. Usually for hiding and showing HTML elements, HTML elements are placed in one div tag and this div tag is hided or showed with a help of javascript. </p> </div>details readmore